bulma-rails 0.0.26 → 0.0.28
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/README.md +1 -1
- data/app/assets/stylesheets/sass/components/grid.sass +37 -0
- data/app/assets/stylesheets/sass/components/media.sass +0 -5
- data/app/assets/stylesheets/sass/components/pagination.sass +0 -6
- data/app/assets/stylesheets/sass/elements/button.sass +6 -3
- data/app/assets/stylesheets/sass/elements/form.sass +27 -14
- data/app/assets/stylesheets/sass/elements/image.sass +2 -0
- data/app/assets/stylesheets/sass/elements/table.sass +2 -2
- data/app/assets/stylesheets/sass/layout/hero.sass +0 -4
- data/app/assets/stylesheets/sass/layout/section.sass +2 -3
- data/app/assets/stylesheets/sass/utilities/controls.sass +2 -1
- data/bulma-rails.gemspec +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6dc3ecac676a038c4fa9fc991854a35e1b1209e7
|
4
|
+
data.tar.gz: 957d8a24c8a5a60bcc0c1e6aa7f444bfa679d33d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 21a77831e02c3523120873f99c61e46cdb4b1487428c855a00fe8814504579d244f524fb7c687a2891436bbd823e11421aa60d803248f32e83f08f4eada69b47
|
7
|
+
data.tar.gz: b425eb1d15b8ee764bb96a9ad7b053f7732c34605caacf278e130d0201bfd64e76fb1243084eb158189b8c158f14dddf5ea254a91d4c59b5a3aee0871167afd2
|
data/README.md
CHANGED
@@ -162,6 +162,43 @@
|
|
162
162
|
width: ($i / 12) * 100%
|
163
163
|
&.is-offset-#{$i}-desktop
|
164
164
|
margin-left: ($i / 12) * 100%
|
165
|
+
+widescreen
|
166
|
+
&.is-narrow-widescreen
|
167
|
+
flex: none
|
168
|
+
&.is-full-widescreen
|
169
|
+
flex: none
|
170
|
+
width: 100%
|
171
|
+
&.is-three-quarters-widescreen
|
172
|
+
flex: none
|
173
|
+
width: 75%
|
174
|
+
&.is-two-thirds-widescreen
|
175
|
+
flex: none
|
176
|
+
width: 66.6666%
|
177
|
+
&.is-half-widescreen
|
178
|
+
flex: none
|
179
|
+
width: 50%
|
180
|
+
&.is-one-third-widescreen
|
181
|
+
flex: none
|
182
|
+
width: 33.3333%
|
183
|
+
&.is-one-quarter-widescreen
|
184
|
+
flex: none
|
185
|
+
width: 25%
|
186
|
+
&.is-offset-three-quarters-widescreen
|
187
|
+
margin-left: 75%
|
188
|
+
&.is-offset-two-thirds-widescreen
|
189
|
+
margin-left: 66.6666%
|
190
|
+
&.is-offset-half-widescreen
|
191
|
+
margin-left: 50%
|
192
|
+
&.is-offset-one-third-widescreen
|
193
|
+
margin-left: 33.3333%
|
194
|
+
&.is-offset-one-quarter-widescreen
|
195
|
+
margin-left: 25%
|
196
|
+
@for $i from 1 through 12
|
197
|
+
&.is-#{$i}-widescreen
|
198
|
+
flex: none
|
199
|
+
width: ($i / 12) * 100%
|
200
|
+
&.is-offset-#{$i}-widescreen
|
201
|
+
margin-left: ($i / 12) * 100%
|
165
202
|
|
166
203
|
.columns
|
167
204
|
margin-left: -10px
|
@@ -35,15 +35,10 @@
|
|
35
35
|
border-top: 1px solid rgba($border, 0.5)
|
36
36
|
display: flex
|
37
37
|
padding-top: 10px
|
38
|
-
.textarea
|
39
|
-
+control-small
|
40
|
-
.button
|
41
|
-
+button-small
|
42
38
|
.content:not(:last-child),
|
43
39
|
.control:not(:last-child)
|
44
40
|
margin-bottom: 5px
|
45
41
|
.media
|
46
|
-
font-size: 12px
|
47
42
|
padding-top: 5px
|
48
43
|
& + .media
|
49
44
|
margin-top: 5px
|
@@ -4,15 +4,9 @@
|
|
4
4
|
justify-content: center
|
5
5
|
text-align: center
|
6
6
|
a
|
7
|
-
@extend .button
|
8
7
|
display: block
|
9
8
|
min-width: 32px
|
10
9
|
padding: 3px 8px
|
11
|
-
// Modifiers
|
12
|
-
&.is-active
|
13
|
-
background: $link
|
14
|
-
border-color: $link
|
15
|
-
color: $link-invert
|
16
10
|
span
|
17
11
|
color: $text-light
|
18
12
|
display: block
|
@@ -39,7 +39,9 @@
|
|
39
39
|
&:last-child
|
40
40
|
margin-left: 4px
|
41
41
|
margin-right: -2px
|
42
|
-
&:hover
|
42
|
+
&:hover,
|
43
|
+
&:focus,
|
44
|
+
&.is-active
|
43
45
|
color: $control-hover
|
44
46
|
&:active
|
45
47
|
box-shadow: inset 0 1px 2px rgba($black, 0.2)
|
@@ -52,7 +54,8 @@
|
|
52
54
|
border-color: transparent
|
53
55
|
color: $color-invert
|
54
56
|
&:hover,
|
55
|
-
&:focus
|
57
|
+
&:focus,
|
58
|
+
&.is-active
|
56
59
|
background: darken($color, 10%)
|
57
60
|
border-color: transparent
|
58
61
|
color: $color-invert
|
@@ -96,7 +99,7 @@
|
|
96
99
|
&.is-disabled
|
97
100
|
opacity: 0.5
|
98
101
|
&.is-fullwidth
|
99
|
-
display:
|
102
|
+
display: flex
|
100
103
|
width: 100%
|
101
104
|
&.is-loading
|
102
105
|
color: transparent !important
|
@@ -15,20 +15,11 @@
|
|
15
15
|
// Sizes
|
16
16
|
&.is-small
|
17
17
|
+control-small
|
18
|
-
&.is-flat
|
19
|
-
padding: 4px 6px
|
20
18
|
&.is-medium
|
21
19
|
+control-medium
|
22
|
-
&.is-flat
|
23
|
-
padding: 4px 10px
|
24
20
|
&.is-large
|
25
21
|
+control-large
|
26
|
-
&.is-flat
|
27
|
-
padding: 4px 12px
|
28
22
|
// Modifiers
|
29
|
-
&.is-flat
|
30
|
-
border: none
|
31
|
-
box-shadow: none
|
32
23
|
&.is-fullwidth
|
33
24
|
display: block
|
34
25
|
width: 100%
|
@@ -98,6 +89,21 @@
|
|
98
89
|
&:hover
|
99
90
|
&:after
|
100
91
|
border-color: $link-hover
|
92
|
+
&.is-small
|
93
|
+
height: 24px
|
94
|
+
select
|
95
|
+
+control-small
|
96
|
+
padding-right: 28px
|
97
|
+
&.is-medium
|
98
|
+
height: 40px
|
99
|
+
select
|
100
|
+
+control-medium
|
101
|
+
padding-right: 44px
|
102
|
+
&.is-large
|
103
|
+
height: 48px
|
104
|
+
select
|
105
|
+
+control-large
|
106
|
+
padding-right: 52px
|
101
107
|
|
102
108
|
.label
|
103
109
|
color: $text-strong
|
@@ -140,6 +146,7 @@
|
|
140
146
|
.select
|
141
147
|
border-radius: 0
|
142
148
|
margin-right: -1px
|
149
|
+
width: auto
|
143
150
|
&:hover
|
144
151
|
z-index: 2
|
145
152
|
&:active,
|
@@ -153,10 +160,17 @@
|
|
153
160
|
border-radius: 0 $radius $radius 0
|
154
161
|
select
|
155
162
|
border-radius: 0 $radius $radius 0
|
163
|
+
&.is-expanded
|
164
|
+
flex: 1
|
156
165
|
&.has-addons-centered
|
157
166
|
justify-content: center
|
158
167
|
&.has-addons-right
|
159
168
|
justify-content: flex-end
|
169
|
+
&.has-addons-fullwidth
|
170
|
+
.button,
|
171
|
+
.input,
|
172
|
+
.select
|
173
|
+
flex: 1
|
160
174
|
&.has-icon
|
161
175
|
& > .fa
|
162
176
|
+fa(14px, 24px)
|
@@ -214,13 +228,12 @@
|
|
214
228
|
&.is-grouped
|
215
229
|
display: flex
|
216
230
|
justify-content: flex-start
|
217
|
-
& > .
|
218
|
-
& > .input,
|
219
|
-
& > .select
|
231
|
+
& > .control
|
220
232
|
&:not(:last-child)
|
233
|
+
margin-bottom: 0
|
221
234
|
margin-right: 10px
|
222
|
-
|
223
|
-
|
235
|
+
&.is-expanded
|
236
|
+
flex: 1
|
224
237
|
&.is-grouped-centered
|
225
238
|
justify-content: center
|
226
239
|
&.is-grouped-right
|
data/bulma-rails.gemspec
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bulma-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.28
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Joshua Jansen
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-05-
|
11
|
+
date: 2016-05-31 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|