bulma-rails 0.4.0 → 0.4.1.pre
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/sass/base/generic.sass +2 -1
- data/app/assets/stylesheets/sass/base/helpers.sass +9 -3
- data/app/assets/stylesheets/sass/components/nav.sass +20 -32
- data/app/assets/stylesheets/sass/components/pagination.sass +4 -4
- data/app/assets/stylesheets/sass/components/panel.sass +2 -0
- data/app/assets/stylesheets/sass/elements/button.sass +27 -2
- data/app/assets/stylesheets/sass/elements/content.sass +10 -0
- data/app/assets/stylesheets/sass/elements/form.sass +30 -31
- data/app/assets/stylesheets/sass/elements/icon.sass +0 -1
- data/app/assets/stylesheets/sass/elements/notification.sass +4 -1
- data/app/assets/stylesheets/sass/elements/other.sass +3 -0
- data/app/assets/stylesheets/sass/layout/hero.sass +5 -2
- data/app/assets/stylesheets/sass/utilities/_all.sass +1 -0
- data/app/assets/stylesheets/sass/utilities/animations.sass +5 -0
- data/app/assets/stylesheets/sass/utilities/controls.sass +5 -6
- data/app/assets/stylesheets/sass/utilities/mixins.sass +8 -12
- data/app/assets/stylesheets/sass/utilities/variables.sass +2 -1
- data/bulma-rails.gemspec +1 -1
- metadata +5 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ac2a0fd37b8b5607dfe82c3e119e6e6c920c16c9
|
|
4
|
+
data.tar.gz: 2af6f24eeea3ada82488adc55ec2bdf26f8b1c5c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7fc1711e6934940216eeb70137a66849d4ed94c6d0a7351ce24e9a1ed888b34dc0e9290411fea5d45efb60ea2c3a1e56991067ec94468ec28be3534c9903489d
|
|
7
|
+
data.tar.gz: 3c7437bbb24dc8f8c51de120e7683ec99fbae99a7640b194587d02a8f1d353e79c73a5076e0ea611c2ce4d1525bf68e9fefdac3dae87c06124397abcc4460598
|
|
@@ -6,7 +6,7 @@ html
|
|
|
6
6
|
min-width: 300px
|
|
7
7
|
overflow-x: hidden
|
|
8
8
|
overflow-y: scroll
|
|
9
|
-
text-rendering:
|
|
9
|
+
text-rendering: $render-mode
|
|
10
10
|
|
|
11
11
|
article,
|
|
12
12
|
aside,
|
|
@@ -87,6 +87,7 @@ pre
|
|
|
87
87
|
white-space: pre
|
|
88
88
|
word-wrap: normal
|
|
89
89
|
code
|
|
90
|
+
+overflow-touch
|
|
90
91
|
background: none
|
|
91
92
|
color: inherit
|
|
92
93
|
display: block
|
|
@@ -59,6 +59,15 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
|
|
59
59
|
.has-text-right
|
|
60
60
|
text-align: right
|
|
61
61
|
|
|
62
|
+
@each $name, $pair in $colors
|
|
63
|
+
$color: nth($pair, 1)
|
|
64
|
+
.has-text-#{$name}
|
|
65
|
+
color: $color
|
|
66
|
+
a.has-text-#{$name}
|
|
67
|
+
&:hover,
|
|
68
|
+
&:focus
|
|
69
|
+
color: darken($color, 10%)
|
|
70
|
+
|
|
62
71
|
// Visibility
|
|
63
72
|
|
|
64
73
|
.is-hidden
|
|
@@ -94,9 +103,6 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
|
|
94
103
|
|
|
95
104
|
// Other
|
|
96
105
|
|
|
97
|
-
.is-disabled
|
|
98
|
-
pointer-events: none
|
|
99
|
-
|
|
100
106
|
.is-marginless
|
|
101
107
|
margin: 0 !important
|
|
102
108
|
|
|
@@ -22,8 +22,6 @@ $nav-height: 3.25rem !default
|
|
|
22
22
|
flex-shrink: 0
|
|
23
23
|
img
|
|
24
24
|
max-height: 1.75rem
|
|
25
|
-
.button + .button
|
|
26
|
-
margin-left: 0.75rem
|
|
27
25
|
.tag
|
|
28
26
|
&:first-child:not(:last-child)
|
|
29
27
|
margin-right: 0.5rem
|
|
@@ -62,39 +60,21 @@ a.nav-item
|
|
|
62
60
|
|
|
63
61
|
// Containers
|
|
64
62
|
|
|
65
|
-
.nav-menu
|
|
66
|
-
// Responsiveness
|
|
67
|
-
+mobile
|
|
68
|
-
background-color: $white
|
|
69
|
-
box-shadow: 0 4px 7px rgba($black, 0.1)
|
|
70
|
-
left: 0
|
|
71
|
-
display: none
|
|
72
|
-
right: 0
|
|
73
|
-
top: 100%
|
|
74
|
-
position: absolute
|
|
75
|
-
.nav-item
|
|
76
|
-
border-top: 1px solid rgba($border, 0.5)
|
|
77
|
-
padding: 0.75rem
|
|
78
|
-
&.is-active
|
|
79
|
-
display: block
|
|
80
|
-
+tablet-only
|
|
81
|
-
padding-right: 1.5rem
|
|
82
|
-
|
|
83
|
-
|
|
84
63
|
.nav-left,
|
|
85
64
|
.nav-right
|
|
86
65
|
align-items: stretch
|
|
66
|
+
display: flex
|
|
87
67
|
flex-basis: 0
|
|
88
68
|
flex-grow: 1
|
|
89
69
|
flex-shrink: 0
|
|
90
70
|
|
|
91
71
|
.nav-left
|
|
92
|
-
display: flex
|
|
93
72
|
justify-content: flex-start
|
|
94
|
-
overflow: hidden
|
|
95
|
-
overflow-x: auto
|
|
96
73
|
white-space: nowrap
|
|
97
74
|
|
|
75
|
+
.nav-right
|
|
76
|
+
justify-content: flex-end
|
|
77
|
+
|
|
98
78
|
.nav-center
|
|
99
79
|
align-items: stretch
|
|
100
80
|
display: flex
|
|
@@ -104,11 +84,22 @@ a.nav-item
|
|
|
104
84
|
margin-left: auto
|
|
105
85
|
margin-right: auto
|
|
106
86
|
|
|
107
|
-
.nav-
|
|
108
|
-
justify-content: flex-end
|
|
87
|
+
.nav-menu
|
|
109
88
|
// Responsiveness
|
|
110
|
-
+
|
|
111
|
-
|
|
89
|
+
+mobile
|
|
90
|
+
&.nav-right
|
|
91
|
+
background-color: $white
|
|
92
|
+
box-shadow: 0 4px 7px rgba($black, 0.1)
|
|
93
|
+
left: 0
|
|
94
|
+
display: none
|
|
95
|
+
right: 0
|
|
96
|
+
top: 100%
|
|
97
|
+
position: absolute
|
|
98
|
+
.nav-item
|
|
99
|
+
border-top: 1px solid rgba($border, 0.5)
|
|
100
|
+
padding: 0.75rem
|
|
101
|
+
&.is-active
|
|
102
|
+
display: block
|
|
112
103
|
|
|
113
104
|
// Main container
|
|
114
105
|
|
|
@@ -124,10 +115,7 @@ a.nav-item
|
|
|
124
115
|
align-items: stretch
|
|
125
116
|
display: flex
|
|
126
117
|
min-height: $nav-height
|
|
118
|
+
width: 100%
|
|
127
119
|
// Modifiers
|
|
128
120
|
&.has-shadow
|
|
129
121
|
box-shadow: 0 2px 3px rgba($black, 0.1)
|
|
130
|
-
// Responsiveness
|
|
131
|
-
+mobile
|
|
132
|
-
& > .container
|
|
133
|
-
width: 100%
|
|
@@ -64,12 +64,12 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
|
|
|
64
64
|
border-color: $pagination-focus-border
|
|
65
65
|
&:active
|
|
66
66
|
box-shadow: $pagination-shadow-inset
|
|
67
|
-
&[disabled]
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
&[disabled]
|
|
68
|
+
background-color: $pagination-disabled-background
|
|
69
|
+
border-color: $pagination-border
|
|
70
|
+
box-shadow: none
|
|
70
71
|
color: $pagination-disabled
|
|
71
72
|
opacity: 0.5
|
|
72
|
-
pointer-events: none
|
|
73
73
|
|
|
74
74
|
.pagination-previous,
|
|
75
75
|
.pagination-next
|
|
@@ -81,6 +81,10 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
|
|
|
81
81
|
&.is-active
|
|
82
82
|
background-color: $background
|
|
83
83
|
color: $text-strong
|
|
84
|
+
&[disabled]
|
|
85
|
+
background-color: transparent
|
|
86
|
+
border-color: transparent
|
|
87
|
+
box-shadow: none
|
|
84
88
|
@each $name, $pair in $colors
|
|
85
89
|
$color: nth($pair, 1)
|
|
86
90
|
$color-invert: nth($pair, 2)
|
|
@@ -104,11 +108,20 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
|
|
|
104
108
|
border-color: transparent
|
|
105
109
|
box-shadow: $button-shadow-inset
|
|
106
110
|
color: $color-invert
|
|
111
|
+
&[disabled]
|
|
112
|
+
background-color: $color
|
|
113
|
+
border-color: transparent
|
|
114
|
+
box-shadow: none
|
|
107
115
|
&.is-inverted
|
|
108
116
|
background-color: $color-invert
|
|
109
117
|
color: $color
|
|
110
118
|
&:hover
|
|
111
119
|
background-color: darken($color-invert, 5%)
|
|
120
|
+
&[disabled]
|
|
121
|
+
background-color: $color-invert
|
|
122
|
+
border-color: transparent
|
|
123
|
+
box-shadow: none
|
|
124
|
+
color: $color
|
|
112
125
|
&.is-loading
|
|
113
126
|
&:after
|
|
114
127
|
border-color: transparent transparent $color-invert $color-invert !important
|
|
@@ -124,6 +137,11 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
|
|
|
124
137
|
&.is-loading
|
|
125
138
|
&:after
|
|
126
139
|
border-color: transparent transparent $color $color !important
|
|
140
|
+
&[disabled]
|
|
141
|
+
background-color: transparent
|
|
142
|
+
border-color: $color
|
|
143
|
+
box-shadow: none
|
|
144
|
+
color: $color
|
|
127
145
|
&.is-inverted.is-outlined
|
|
128
146
|
background-color: transparent
|
|
129
147
|
border-color: $color-invert
|
|
@@ -132,6 +150,11 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
|
|
|
132
150
|
&:focus
|
|
133
151
|
background-color: $color-invert
|
|
134
152
|
color: $color
|
|
153
|
+
&[disabled]
|
|
154
|
+
background-color: transparent
|
|
155
|
+
border-color: $color-invert
|
|
156
|
+
box-shadow: none
|
|
157
|
+
color: $color-invert
|
|
135
158
|
// Sizes
|
|
136
159
|
&.is-small
|
|
137
160
|
+button-small
|
|
@@ -140,8 +163,10 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
|
|
|
140
163
|
&.is-large
|
|
141
164
|
+button-large
|
|
142
165
|
// Modifiers
|
|
143
|
-
&[disabled]
|
|
144
|
-
|
|
166
|
+
&[disabled]
|
|
167
|
+
background-color: $button-background
|
|
168
|
+
border-color: $button-border
|
|
169
|
+
box-shadow: none
|
|
145
170
|
opacity: 0.5
|
|
146
171
|
&.is-fullwidth
|
|
147
172
|
display: flex
|
|
@@ -6,9 +6,11 @@
|
|
|
6
6
|
margin-top: 0.25em
|
|
7
7
|
// Block
|
|
8
8
|
p,
|
|
9
|
+
dl,
|
|
9
10
|
ol,
|
|
10
11
|
ul,
|
|
11
12
|
blockquote,
|
|
13
|
+
pre,
|
|
12
14
|
table
|
|
13
15
|
&:not(:last-child)
|
|
14
16
|
margin-bottom: 1em
|
|
@@ -64,6 +66,14 @@
|
|
|
64
66
|
margin-top: 0.5em
|
|
65
67
|
ul
|
|
66
68
|
list-style-type: square
|
|
69
|
+
dd
|
|
70
|
+
margin-left: 2em
|
|
71
|
+
pre
|
|
72
|
+
+overflow-touch
|
|
73
|
+
overflow-x: auto
|
|
74
|
+
padding: 1.25em 1.5em
|
|
75
|
+
white-space: pre
|
|
76
|
+
word-wrap: normal
|
|
67
77
|
table
|
|
68
78
|
width: 100%
|
|
69
79
|
td,
|
|
@@ -32,8 +32,7 @@ $input-radius: $radius !default
|
|
|
32
32
|
&:active,
|
|
33
33
|
&.is-active
|
|
34
34
|
border-color: $input-focus-border
|
|
35
|
-
&[disabled]
|
|
36
|
-
&.is-disabled
|
|
35
|
+
&[disabled]
|
|
37
36
|
background-color: $input-disabled-background
|
|
38
37
|
border-color: $input-disabled-border
|
|
39
38
|
box-shadow: none
|
|
@@ -71,7 +70,6 @@ $input-radius: $radius !default
|
|
|
71
70
|
|
|
72
71
|
.textarea
|
|
73
72
|
display: block
|
|
74
|
-
line-height: 1.25
|
|
75
73
|
max-height: 600px
|
|
76
74
|
max-width: 100%
|
|
77
75
|
min-height: 120px
|
|
@@ -86,6 +84,7 @@ $input-radius: $radius !default
|
|
|
86
84
|
display: inline-flex
|
|
87
85
|
flex-wrap: wrap
|
|
88
86
|
justify-content: flex-start
|
|
87
|
+
line-height: 1.5
|
|
89
88
|
position: relative
|
|
90
89
|
vertical-align: top
|
|
91
90
|
input
|
|
@@ -93,11 +92,9 @@ $input-radius: $radius !default
|
|
|
93
92
|
margin-right: 0.5em
|
|
94
93
|
&:hover
|
|
95
94
|
color: $input-hover
|
|
96
|
-
|
|
95
|
+
&[disabled]
|
|
97
96
|
color: $input-disabled
|
|
98
|
-
|
|
99
|
-
input
|
|
100
|
-
pointer-events: none
|
|
97
|
+
cursor: not-allowed
|
|
101
98
|
|
|
102
99
|
.radio
|
|
103
100
|
& + .radio
|
|
@@ -123,12 +120,17 @@ $input-radius: $radius !default
|
|
|
123
120
|
padding-right: 2.5em
|
|
124
121
|
&:hover
|
|
125
122
|
border-color: $input-hover-border
|
|
126
|
-
|
|
123
|
+
&::-ms-expand
|
|
127
124
|
display: none
|
|
128
125
|
// States
|
|
129
126
|
&:hover
|
|
130
127
|
&:after
|
|
131
128
|
border-color: $input-hover
|
|
129
|
+
// Colors
|
|
130
|
+
@each $name, $pair in $colors
|
|
131
|
+
$color: nth($pair, 1)
|
|
132
|
+
&.is-#{$name} select
|
|
133
|
+
border-color: $color
|
|
132
134
|
// Sizes
|
|
133
135
|
&.is-small
|
|
134
136
|
+control-small
|
|
@@ -189,11 +191,16 @@ $input-radius: $radius !default
|
|
|
189
191
|
.input,
|
|
190
192
|
.select select
|
|
191
193
|
border-radius: 0
|
|
192
|
-
&:hover
|
|
194
|
+
&:hover,
|
|
195
|
+
&.is-hovered
|
|
193
196
|
z-index: 2
|
|
194
197
|
&:focus,
|
|
195
|
-
|
|
198
|
+
&.is-focused,
|
|
199
|
+
&:active,
|
|
200
|
+
&.is-active
|
|
196
201
|
z-index: 3
|
|
202
|
+
&:hover
|
|
203
|
+
z-index: 4
|
|
197
204
|
&.is-expanded
|
|
198
205
|
flex-grow: 1
|
|
199
206
|
flex-shrink: 0
|
|
@@ -226,6 +233,8 @@ $input-radius: $radius !default
|
|
|
226
233
|
display: flex
|
|
227
234
|
|
|
228
235
|
.field-label
|
|
236
|
+
.label
|
|
237
|
+
font-size: inherit
|
|
229
238
|
+mobile
|
|
230
239
|
margin-bottom: 0.5rem
|
|
231
240
|
+tablet
|
|
@@ -233,8 +242,18 @@ $input-radius: $radius !default
|
|
|
233
242
|
flex-grow: 1
|
|
234
243
|
flex-shrink: 0
|
|
235
244
|
margin-right: 1.5rem
|
|
236
|
-
padding-top: 0.375em
|
|
237
245
|
text-align: right
|
|
246
|
+
&.is-small
|
|
247
|
+
font-size: $size-small
|
|
248
|
+
padding-top: 0.375em
|
|
249
|
+
&.is-normal
|
|
250
|
+
padding-top: 0.375em
|
|
251
|
+
&.is-medium
|
|
252
|
+
font-size: $size-medium
|
|
253
|
+
padding-top: 0.375em
|
|
254
|
+
&.is-large
|
|
255
|
+
font-size: $size-large
|
|
256
|
+
padding-top: 0.375em
|
|
238
257
|
|
|
239
258
|
.field-body
|
|
240
259
|
+tablet
|
|
@@ -280,33 +299,13 @@ $input-radius: $radius !default
|
|
|
280
299
|
&:not(.has-icon-right)
|
|
281
300
|
.icon
|
|
282
301
|
left: 0
|
|
283
|
-
// transform: translateX(-50%) translateY(-50%)
|
|
284
302
|
.input
|
|
285
303
|
padding-left: 2.25em
|
|
286
|
-
// &.is-small
|
|
287
|
-
// & + .icon
|
|
288
|
-
// left: ($size-small * 2.5) / 2
|
|
289
|
-
// &.is-medium
|
|
290
|
-
// & + .icon
|
|
291
|
-
// left: ($size-medium * 2.5) / 2
|
|
292
|
-
// &.is-large
|
|
293
|
-
// & + .icon
|
|
294
|
-
// left: ($size-large * 2.5) / 2
|
|
295
304
|
&.has-icon-right
|
|
296
305
|
.icon
|
|
297
306
|
right: 0
|
|
298
|
-
// transform: translateX(50%) translateY(-50%)
|
|
299
307
|
.input
|
|
300
308
|
padding-right: 2.25em
|
|
301
|
-
// &.is-small
|
|
302
|
-
// & + .icon
|
|
303
|
-
// right: ($size-small * 2.5) / 2
|
|
304
|
-
// &.is-medium
|
|
305
|
-
// & + .icon
|
|
306
|
-
// right: ($size-medium * 2.5) / 2
|
|
307
|
-
// &.is-large
|
|
308
|
-
// & + .icon
|
|
309
|
-
// right: ($size-large * 2.5) / 2
|
|
310
309
|
&.is-loading
|
|
311
310
|
&:after
|
|
312
311
|
+loader
|
|
@@ -4,12 +4,15 @@
|
|
|
4
4
|
border-radius: $radius
|
|
5
5
|
padding: 1.25rem 2.5rem 1.25rem 1.5rem
|
|
6
6
|
position: relative
|
|
7
|
+
a:not(.button)
|
|
8
|
+
color: currentColor
|
|
9
|
+
text-decoration: underline
|
|
7
10
|
code,
|
|
8
11
|
pre
|
|
9
12
|
background: $white
|
|
10
13
|
pre code
|
|
11
14
|
background: transparent
|
|
12
|
-
.delete
|
|
15
|
+
& > .delete
|
|
13
16
|
position: absolute
|
|
14
17
|
right: 0.5em
|
|
15
18
|
top: 0.5em
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
position: relative
|
|
6
6
|
+desktop
|
|
7
7
|
margin: 0 auto
|
|
8
|
+
max-width: $desktop - 40px
|
|
8
9
|
width: $desktop - 40px
|
|
9
10
|
// Modifiers
|
|
10
11
|
&.is-fluid
|
|
@@ -12,8 +13,10 @@
|
|
|
12
13
|
max-width: none
|
|
13
14
|
width: auto
|
|
14
15
|
+widescreen
|
|
16
|
+
max-width: $widescreen - 40px
|
|
15
17
|
width: $widescreen - 40px
|
|
16
18
|
+fullhd
|
|
19
|
+
max-width: $fullhd - 40px
|
|
17
20
|
width: $fullhd - 40px
|
|
18
21
|
|
|
19
22
|
.delete
|
|
@@ -68,14 +68,14 @@
|
|
|
68
68
|
&.is-#{$name}
|
|
69
69
|
background-color: $color
|
|
70
70
|
color: $color-invert
|
|
71
|
-
a,
|
|
71
|
+
a:not(.button),
|
|
72
72
|
strong
|
|
73
73
|
color: inherit
|
|
74
74
|
.title
|
|
75
75
|
color: $color-invert
|
|
76
76
|
.subtitle
|
|
77
77
|
color: rgba($color-invert, 0.9)
|
|
78
|
-
a,
|
|
78
|
+
a:not(.button),
|
|
79
79
|
strong
|
|
80
80
|
color: $color-invert
|
|
81
81
|
.nav
|
|
@@ -115,6 +115,9 @@
|
|
|
115
115
|
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
|
116
116
|
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
|
117
117
|
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
|
118
|
+
+mobile
|
|
119
|
+
.nav-menu
|
|
120
|
+
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
|
118
121
|
// Responsiveness
|
|
119
122
|
+mobile
|
|
120
123
|
.nav-toggle
|
|
@@ -12,11 +12,11 @@ $control-radius-small: $radius-small !default
|
|
|
12
12
|
font-size: $size-normal
|
|
13
13
|
height: 2.25em
|
|
14
14
|
justify-content: flex-start
|
|
15
|
-
line-height: 1.
|
|
16
|
-
padding-bottom: 0.
|
|
15
|
+
line-height: 1.5
|
|
16
|
+
padding-bottom: 0.375em
|
|
17
17
|
padding-left: 0.625em
|
|
18
18
|
padding-right: 0.625em
|
|
19
|
-
padding-top: 0.
|
|
19
|
+
padding-top: 0.375em
|
|
20
20
|
position: relative
|
|
21
21
|
vertical-align: top
|
|
22
22
|
// States
|
|
@@ -25,9 +25,8 @@ $control-radius-small: $radius-small !default
|
|
|
25
25
|
&:active,
|
|
26
26
|
&.is-active
|
|
27
27
|
outline: none
|
|
28
|
-
&[disabled]
|
|
29
|
-
|
|
30
|
-
pointer-events: none
|
|
28
|
+
&[disabled]
|
|
29
|
+
cursor: not-allowed
|
|
31
30
|
|
|
32
31
|
// The controls sizes use mixins so they can be used at different breakpoints
|
|
33
32
|
=control-small
|
|
@@ -20,12 +20,14 @@
|
|
|
20
20
|
content: " "
|
|
21
21
|
display: table
|
|
22
22
|
|
|
23
|
-
=center($
|
|
24
|
-
left: 50%
|
|
25
|
-
margin-left: -($size / 2)
|
|
26
|
-
margin-top: -($size / 2)
|
|
23
|
+
=center($width, $height: 0)
|
|
27
24
|
position: absolute
|
|
28
|
-
|
|
25
|
+
@if $height != 0
|
|
26
|
+
left: calc(50% - (#{$width} / 2))
|
|
27
|
+
top: calc(50% - (#{$height} / 2))
|
|
28
|
+
@else
|
|
29
|
+
left: calc(50% - (#{$width} / 2))
|
|
30
|
+
top: calc(50% - (#{$width} / 2))
|
|
29
31
|
|
|
30
32
|
=delete
|
|
31
33
|
+unselectable
|
|
@@ -123,12 +125,6 @@
|
|
|
123
125
|
transform: rotate(-45deg)
|
|
124
126
|
transform-origin: left bottom
|
|
125
127
|
|
|
126
|
-
@keyframes spinAround
|
|
127
|
-
from
|
|
128
|
-
transform: rotate(0deg)
|
|
129
|
-
to
|
|
130
|
-
transform: rotate(359deg)
|
|
131
|
-
|
|
132
128
|
=loader
|
|
133
129
|
animation: spinAround 500ms infinite linear
|
|
134
130
|
border: 2px solid $border
|
|
@@ -179,7 +175,7 @@
|
|
|
179
175
|
@content
|
|
180
176
|
|
|
181
177
|
=tablet
|
|
182
|
-
@media screen and (min-width: $tablet)
|
|
178
|
+
@media screen and (min-width: $tablet), print
|
|
183
179
|
@content
|
|
184
180
|
|
|
185
181
|
=tablet-only
|
|
@@ -27,7 +27,8 @@ $red: hsl(348, 100%, 61%) !default
|
|
|
27
27
|
|
|
28
28
|
// Typography
|
|
29
29
|
$family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
|
|
30
|
-
$family-monospace: monospace !default
|
|
30
|
+
$family-monospace: monospace !default
|
|
31
|
+
$render-mode: optimizeLegibility !default
|
|
31
32
|
|
|
32
33
|
$size-1: 3rem !default
|
|
33
34
|
$size-2: 2.5rem !default
|
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.4.
|
|
4
|
+
version: 0.4.1.pre
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Joshua Jansen
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-
|
|
11
|
+
date: 2017-04-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass
|
|
@@ -70,6 +70,7 @@ files:
|
|
|
70
70
|
- app/assets/stylesheets/sass/layout/hero.sass
|
|
71
71
|
- app/assets/stylesheets/sass/layout/section.sass
|
|
72
72
|
- app/assets/stylesheets/sass/utilities/_all.sass
|
|
73
|
+
- app/assets/stylesheets/sass/utilities/animations.sass
|
|
73
74
|
- app/assets/stylesheets/sass/utilities/controls.sass
|
|
74
75
|
- app/assets/stylesheets/sass/utilities/functions.sass
|
|
75
76
|
- app/assets/stylesheets/sass/utilities/mixins.sass
|
|
@@ -91,9 +92,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
91
92
|
version: '0'
|
|
92
93
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
93
94
|
requirements:
|
|
94
|
-
- - "
|
|
95
|
+
- - ">"
|
|
95
96
|
- !ruby/object:Gem::Version
|
|
96
|
-
version:
|
|
97
|
+
version: 1.3.1
|
|
97
98
|
requirements: []
|
|
98
99
|
rubyforge_project:
|
|
99
100
|
rubygems_version: 2.6.8
|