oulu 0.13.4 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/_oulu-mixins.sass +1 -0
- data/app/assets/stylesheets/modules/buttons/_button-base.sass +1 -1
- data/app/assets/stylesheets/modules/buttons/_button-sizes.sass +131 -0
- data/app/assets/stylesheets/modules/buttons/_buttons.sass +1 -0
- data/app/assets/stylesheets/modules/buttons/styles/_flat.sass +4 -1
- data/app/assets/stylesheets/{modules/web-fonts/_font-awsome.sass → settings/mixins/_font-awesome.sass} +0 -0
- data/app/assets/stylesheets/settings/variables/_default.sass +1 -0
- data/app/assets/stylesheets/settings/variables/_modules.sass +6 -0
- data/app/assets/stylesheets/settings/variables/_sanitize.sass +2 -2
- data/bower.json +1 -1
- data/circle.yml +13 -0
- data/lib/oulu/version.rb +1 -1
- data/package.json +1 -1
- metadata +5 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 493edf11fbb5767dc062a1ad7d63a008b03db1af
|
|
4
|
+
data.tar.gz: 8a7dcc101bf0b8d2cdd5a105cdeb4a67187fa474
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8c8bd383f5fac09a7c5016d859530364377db156f777e5487cd702fb2836ede9b1348b62e94fd97975787afc71380fc2c6ae7920a61a5d275f09f5a7e0cb97a1
|
|
7
|
+
data.tar.gz: 89803681962694a3a677bfcaa3287312eb01bfc2f97b6d935c8fcfd3d4d6f3c8087ba394b1c07c0089a7fb4031937c889a5210c8f9e9fd139d5f4a8e8254a5db
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
=set-button-size($font-size, $button-height, $horizontal-padding, $vertical-padding)
|
|
2
|
+
font-size: $font-size
|
|
3
|
+
min-height: $button-height
|
|
4
|
+
+padding(horizontal, ($font-size * $horizontal-padding))
|
|
5
|
+
+padding(vertical, $vertical-padding)
|
|
6
|
+
|
|
7
|
+
=button-style-border($color)
|
|
8
|
+
color: $color
|
|
9
|
+
border-color: $color
|
|
10
|
+
&:hover
|
|
11
|
+
background-color: rgba($color, .2)
|
|
12
|
+
&:active
|
|
13
|
+
background-color: $color
|
|
14
|
+
color: luma_contrast_color($color)
|
|
15
|
+
|
|
16
|
+
=button-style-colord($color)
|
|
17
|
+
color: luma_contrast_color($color)
|
|
18
|
+
background-color: $color
|
|
19
|
+
&:hover
|
|
20
|
+
background-color: darken($color, 20%)
|
|
21
|
+
&:active
|
|
22
|
+
background-color: darken($color, 20%)
|
|
23
|
+
|
|
24
|
+
.is-button
|
|
25
|
+
line-height: 1.45
|
|
26
|
+
transition: all .2s ease-in
|
|
27
|
+
i,
|
|
28
|
+
.is-button__icon
|
|
29
|
+
margin-right: .4em
|
|
30
|
+
&.is-xs
|
|
31
|
+
$font-size: $xs-button-font-size
|
|
32
|
+
$button-height: $font-size * $button-xs-height-ratio
|
|
33
|
+
$vertical-padding: ($button-height - ($font-size * 1.45))/2
|
|
34
|
+
$horizontal-padding: $button-xs-horizontal-padding
|
|
35
|
+
+set-button-size($font-size, $button-height, $horizontal-padding, $vertical-padding)
|
|
36
|
+
&.is-icon
|
|
37
|
+
font-size: $font-size * 1.5
|
|
38
|
+
&.is-border
|
|
39
|
+
+padding(vertical, $vertical-padding - .125rem)
|
|
40
|
+
&.is-icon
|
|
41
|
+
+padding(vertical, 0)
|
|
42
|
+
&.is-sm
|
|
43
|
+
$font-size: $sm-button-font-size
|
|
44
|
+
$button-height: $font-size * $button-sm-height-ratio
|
|
45
|
+
$vertical-padding: ($button-height - ($font-size * 1.45))/2
|
|
46
|
+
$horizontal-padding: $button-sm-horizontal-padding
|
|
47
|
+
+set-button-size($font-size, $button-height, $horizontal-padding, $vertical-padding)
|
|
48
|
+
&.is-icon
|
|
49
|
+
font-size: $font-size * 1.5
|
|
50
|
+
&.is-border
|
|
51
|
+
+padding(vertical, $vertical-padding - .125rem)
|
|
52
|
+
&.is-icon
|
|
53
|
+
+padding(vertical, 0)
|
|
54
|
+
&.is-md
|
|
55
|
+
$font-size: $md-button-font-size
|
|
56
|
+
$button-height: $font-size * $button-md-height-ratio
|
|
57
|
+
$vertical-padding: ($button-height - ($font-size * 1.45))/2
|
|
58
|
+
$horizontal-padding: $button-md-horizontal-padding
|
|
59
|
+
+set-button-size($font-size, $button-height, $horizontal-padding, $vertical-padding)
|
|
60
|
+
&.is-icon
|
|
61
|
+
font-size: $font-size * 1.5
|
|
62
|
+
&.is-border
|
|
63
|
+
+padding(vertical, $vertical-padding - .125rem)
|
|
64
|
+
&.is-icon
|
|
65
|
+
+padding(vertical, 0)
|
|
66
|
+
&.is-lg
|
|
67
|
+
$font-size: $lg-button-font-size
|
|
68
|
+
$button-height: $font-size * $button-lg-height-ratio
|
|
69
|
+
$vertical-padding: ($button-height - ($font-size * 1.45))/2
|
|
70
|
+
$horizontal-padding: $button-lg-horizontal-padding
|
|
71
|
+
+set-button-size($font-size, $button-height, $horizontal-padding, $vertical-padding)
|
|
72
|
+
&.is-icon
|
|
73
|
+
font-size: $font-size * 1.5
|
|
74
|
+
&.is-border
|
|
75
|
+
+padding(vertical, $vertical-padding - .125rem)
|
|
76
|
+
&.is-icon
|
|
77
|
+
+padding(vertical, 0)
|
|
78
|
+
&.is-xl
|
|
79
|
+
$font-size: $xl-button-font-size
|
|
80
|
+
$button-height: $font-size * $button-xl-height-ratio
|
|
81
|
+
$vertical-padding: ($button-height - ($font-size * 1.45))/2
|
|
82
|
+
$horizontal-padding: $button-xl-horizontal-padding
|
|
83
|
+
+set-button-size($font-size, $button-height, $horizontal-padding, $vertical-padding)
|
|
84
|
+
&.is-icon
|
|
85
|
+
font-size: $font-size * 1.5
|
|
86
|
+
&.is-border
|
|
87
|
+
+padding(vertical, $vertical-padding - .125rem)
|
|
88
|
+
&.is-icon
|
|
89
|
+
+padding(vertical, 0)
|
|
90
|
+
&.is-icon
|
|
91
|
+
+padding(vertical, 0)
|
|
92
|
+
|
|
93
|
+
&.is-border-radius
|
|
94
|
+
border-radius: .25rem
|
|
95
|
+
.is-button-group li:first-child &
|
|
96
|
+
+border-radius(left, .25rem)
|
|
97
|
+
.is-button-group li:last-child &
|
|
98
|
+
+border-radius(right, .25rem)
|
|
99
|
+
&.is-left-border-radius
|
|
100
|
+
+border-radius(left, .25rem)
|
|
101
|
+
&.is-right-border-radius
|
|
102
|
+
+border-radius(right, .25rem)
|
|
103
|
+
|
|
104
|
+
&.is-border
|
|
105
|
+
border: solid .0625rem
|
|
106
|
+
.is-button-group li:not(:last-child) &
|
|
107
|
+
border-right: none
|
|
108
|
+
&.is-primary
|
|
109
|
+
+button-style-border($primary)
|
|
110
|
+
&.is-secondary
|
|
111
|
+
+button-style-border($secondary)
|
|
112
|
+
&.is-warning
|
|
113
|
+
+button-style-border($warning)
|
|
114
|
+
&.is-danger
|
|
115
|
+
+button-style-border($danger)
|
|
116
|
+
&.is-info
|
|
117
|
+
+button-style-border($info)
|
|
118
|
+
|
|
119
|
+
&.is-colord
|
|
120
|
+
.is-button-group li:not(:last-child) &
|
|
121
|
+
border-right: none
|
|
122
|
+
&.is-primary
|
|
123
|
+
+button-style-colord($primary)
|
|
124
|
+
&.is-secondary
|
|
125
|
+
+button-style-colord($secondary)
|
|
126
|
+
&.is-warning
|
|
127
|
+
+button-style-colord($warning)
|
|
128
|
+
&.is-danger
|
|
129
|
+
+button-style-colord($danger)
|
|
130
|
+
&.is-info
|
|
131
|
+
+button-style-colord($info)
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
&.is-checkbox
|
|
29
29
|
&:before
|
|
30
30
|
box-shadow: $color 0 0 0 1px
|
|
31
|
+
background-color: darken($color, 20%)
|
|
31
32
|
|
|
32
33
|
// checked
|
|
33
34
|
&.is-checked
|
|
@@ -46,6 +47,8 @@
|
|
|
46
47
|
// disabled
|
|
47
48
|
&.is-disabled,
|
|
48
49
|
&:disabled
|
|
49
|
-
$color:
|
|
50
|
+
$background-color: darken($color, 20%)
|
|
51
|
+
$color: if(luma_bright($color), shade($color, 30%), tint($color, 30%))
|
|
50
52
|
color: rgba($color, .7)
|
|
51
53
|
border-color: $color
|
|
54
|
+
box-shadow: none
|
|
File without changes
|
|
@@ -35,6 +35,12 @@ $button-md-width-ratio: 1.6 !default
|
|
|
35
35
|
$button-lg-width-ratio: 1.6 !default
|
|
36
36
|
$button-xl-width-ratio: 1.6 !default
|
|
37
37
|
|
|
38
|
+
$button-xs-horizontal-padding: 1 !default
|
|
39
|
+
$button-sm-horizontal-padding: 1 !default
|
|
40
|
+
$button-md-horizontal-padding: 1 !default
|
|
41
|
+
$button-lg-horizontal-padding: 1 !default
|
|
42
|
+
$button-xl-horizontal-padding: 1 !default
|
|
43
|
+
|
|
38
44
|
$button-checked-color: #4FC1E9 !default
|
|
39
45
|
$button-checked-icon-color: #FC6E51 !default
|
|
40
46
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
$root-background-color:
|
|
1
|
+
$root-background-color: $background-color !default
|
|
2
2
|
$root-box-sizing: border-box !default
|
|
3
3
|
$root-color: $default-text !default
|
|
4
|
-
$root-font-family: sans-serif !default
|
|
4
|
+
$root-font-family: $basic-sans-serif !default
|
|
5
5
|
$root-font-size: if($base-px = 100px, 100%, $base-px) !default
|
|
6
6
|
$root-line-height: 1 !default
|
|
7
7
|
$root-text-rendering: optimizeLegibility !default
|
data/bower.json
CHANGED
data/circle.yml
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
machine:
|
|
2
|
+
ruby:
|
|
3
|
+
version: 2.4.0
|
|
4
|
+
node:
|
|
5
|
+
version: 8.2.0
|
|
6
|
+
dependencies:
|
|
7
|
+
pre:
|
|
8
|
+
- gem install sass
|
|
9
|
+
- npm install node-sass
|
|
10
|
+
test:
|
|
11
|
+
override:
|
|
12
|
+
- node-sass app/assets/stylesheets/_oulu.sass > /tmp/oulu.css
|
|
13
|
+
- sass app/assets/stylesheets/_oulu.sass > /tmp/oulu.css
|
data/lib/oulu/version.rb
CHANGED
data/package.json
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: oulu
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.14.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- machida
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-
|
|
11
|
+
date: 2017-09-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: thor
|
|
@@ -70,6 +70,7 @@ files:
|
|
|
70
70
|
- app/assets/stylesheets/modules/amazlet/_amazlet.sass
|
|
71
71
|
- app/assets/stylesheets/modules/buttons/_button-base.sass
|
|
72
72
|
- app/assets/stylesheets/modules/buttons/_button-helper.sass
|
|
73
|
+
- app/assets/stylesheets/modules/buttons/_button-sizes.sass
|
|
73
74
|
- app/assets/stylesheets/modules/buttons/_buttons.sass
|
|
74
75
|
- app/assets/stylesheets/modules/buttons/styles/_border.sass
|
|
75
76
|
- app/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
|
|
@@ -85,7 +86,6 @@ files:
|
|
|
85
86
|
- app/assets/stylesheets/modules/typography/_long-text.sass
|
|
86
87
|
- app/assets/stylesheets/modules/web-fonts/_cousine.sass
|
|
87
88
|
- app/assets/stylesheets/modules/web-fonts/_droid-sans.sass
|
|
88
|
-
- app/assets/stylesheets/modules/web-fonts/_font-awsome.sass
|
|
89
89
|
- app/assets/stylesheets/modules/web-fonts/_icomoon.sass
|
|
90
90
|
- app/assets/stylesheets/modules/web-fonts/_inconsolata.sass
|
|
91
91
|
- app/assets/stylesheets/modules/web-fonts/_lato.sass
|
|
@@ -142,6 +142,7 @@ files:
|
|
|
142
142
|
- app/assets/stylesheets/settings/mixins/_break-points.sass
|
|
143
143
|
- app/assets/stylesheets/settings/mixins/_filters.sass
|
|
144
144
|
- app/assets/stylesheets/settings/mixins/_flex.sass
|
|
145
|
+
- app/assets/stylesheets/settings/mixins/_font-awesome.sass
|
|
145
146
|
- app/assets/stylesheets/settings/mixins/_grid.sass
|
|
146
147
|
- app/assets/stylesheets/settings/mixins/_ie-hacks.sass
|
|
147
148
|
- app/assets/stylesheets/settings/mixins/_image.sass
|
|
@@ -163,6 +164,7 @@ files:
|
|
|
163
164
|
- app/assets/stylesheets/settings/variables/_modules.sass
|
|
164
165
|
- app/assets/stylesheets/settings/variables/_sanitize.sass
|
|
165
166
|
- bower.json
|
|
167
|
+
- circle.yml
|
|
166
168
|
- index.js
|
|
167
169
|
- lib/oulu.rb
|
|
168
170
|
- lib/oulu/engine.rb
|