bulma-rails 0.9.3 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (144) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +49 -14
  3. data/app/assets/stylesheets/bulma.scss +4 -0
  4. data/app/assets/stylesheets/sass/_index.scss +10 -0
  5. data/app/assets/stylesheets/sass/base/_index.scss +6 -0
  6. data/app/assets/stylesheets/sass/base/animations.scss +15 -0
  7. data/app/assets/stylesheets/sass/base/generic.scss +239 -0
  8. data/app/assets/stylesheets/sass/base/minireset.scss +92 -0
  9. data/app/assets/stylesheets/sass/base/skeleton.scss +126 -0
  10. data/app/assets/stylesheets/sass/components/_index.scss +13 -0
  11. data/app/assets/stylesheets/sass/components/breadcrumb.scss +139 -0
  12. data/app/assets/stylesheets/sass/components/card.scss +162 -0
  13. data/app/assets/stylesheets/sass/components/dropdown.scss +188 -0
  14. data/app/assets/stylesheets/sass/components/menu.scss +165 -0
  15. data/app/assets/stylesheets/sass/components/message.scss +183 -0
  16. data/app/assets/stylesheets/sass/components/modal.scss +164 -0
  17. data/app/assets/stylesheets/sass/components/navbar.scss +788 -0
  18. data/app/assets/stylesheets/sass/components/pagination.scss +379 -0
  19. data/app/assets/stylesheets/sass/components/panel.scss +218 -0
  20. data/app/assets/stylesheets/sass/components/tabs.scss +273 -0
  21. data/app/assets/stylesheets/sass/elements/_index.scss +16 -0
  22. data/app/assets/stylesheets/sass/elements/block.scss +6 -0
  23. data/app/assets/stylesheets/sass/elements/box.scss +59 -0
  24. data/app/assets/stylesheets/sass/elements/button.scss +640 -0
  25. data/app/assets/stylesheets/sass/elements/content.scss +283 -0
  26. data/app/assets/stylesheets/sass/elements/delete.scss +6 -0
  27. data/app/assets/stylesheets/sass/elements/icon.scss +67 -0
  28. data/app/assets/stylesheets/sass/elements/image.scss +62 -0
  29. data/app/assets/stylesheets/sass/elements/loader.scss +15 -0
  30. data/app/assets/stylesheets/sass/elements/notification.scss +105 -0
  31. data/app/assets/stylesheets/sass/elements/progress.scss +115 -0
  32. data/app/assets/stylesheets/sass/elements/table.scss +261 -0
  33. data/app/assets/stylesheets/sass/elements/tag.scss +219 -0
  34. data/app/assets/stylesheets/sass/elements/title.scss +128 -0
  35. data/app/assets/stylesheets/sass/form/_index.scss +9 -0
  36. data/app/assets/stylesheets/sass/form/checkbox-radio.scss +32 -0
  37. data/app/assets/stylesheets/sass/form/file.scss +330 -0
  38. data/app/assets/stylesheets/sass/form/input-textarea.scss +123 -0
  39. data/app/assets/stylesheets/sass/form/select.scss +143 -0
  40. data/app/assets/stylesheets/sass/form/shared.scss +172 -0
  41. data/app/assets/stylesheets/sass/form/tools.scss +341 -0
  42. data/app/assets/stylesheets/sass/grid/_index.scss +5 -0
  43. data/app/assets/stylesheets/sass/grid/columns-v2.scss +957 -0
  44. data/app/assets/stylesheets/sass/grid/columns.scss +877 -0
  45. data/app/assets/stylesheets/sass/grid/grid.scss +209 -0
  46. data/app/assets/stylesheets/sass/helpers/_index.scss +15 -0
  47. data/app/assets/stylesheets/sass/helpers/aspect-ratio.scss +10 -0
  48. data/app/assets/stylesheets/sass/helpers/border.scss +15 -0
  49. data/app/assets/stylesheets/sass/helpers/color.scss +364 -0
  50. data/app/assets/stylesheets/sass/helpers/flexbox.scss +62 -0
  51. data/app/assets/stylesheets/sass/helpers/float.scss +28 -0
  52. data/app/assets/stylesheets/sass/helpers/gap.scss +24 -0
  53. data/app/assets/stylesheets/sass/helpers/other.scss +19 -0
  54. data/app/assets/stylesheets/sass/helpers/overflow.scss +21 -0
  55. data/app/assets/stylesheets/sass/helpers/position.scss +19 -0
  56. data/app/assets/stylesheets/sass/helpers/spacing.scss +64 -0
  57. data/app/assets/stylesheets/sass/helpers/typography.scss +168 -0
  58. data/app/assets/stylesheets/sass/helpers/visibility.scss +221 -0
  59. data/app/assets/stylesheets/sass/layout/_index.scss +9 -0
  60. data/app/assets/stylesheets/sass/layout/container.scss +51 -0
  61. data/app/assets/stylesheets/sass/layout/footer.scss +23 -0
  62. data/app/assets/stylesheets/sass/layout/hero.scss +270 -0
  63. data/app/assets/stylesheets/sass/layout/level.scss +107 -0
  64. data/app/assets/stylesheets/sass/layout/media.scss +106 -0
  65. data/app/assets/stylesheets/sass/layout/section.scss +34 -0
  66. data/app/assets/stylesheets/sass/themes/_index.scss +35 -0
  67. data/app/assets/stylesheets/sass/themes/dark.scss +56 -0
  68. data/app/assets/stylesheets/sass/themes/light.scss +145 -0
  69. data/app/assets/stylesheets/sass/themes/setup.scss +174 -0
  70. data/app/assets/stylesheets/sass/utilities/_index.scss +7 -0
  71. data/app/assets/stylesheets/sass/utilities/controls.scss +85 -0
  72. data/app/assets/stylesheets/sass/utilities/css-variables.scss +425 -0
  73. data/app/assets/stylesheets/sass/utilities/derived-variables.scss +112 -0
  74. data/app/assets/stylesheets/sass/utilities/extends.scss +34 -0
  75. data/app/assets/stylesheets/sass/utilities/functions.scss +258 -0
  76. data/app/assets/stylesheets/sass/utilities/initial-variables.scss +155 -0
  77. data/app/assets/stylesheets/sass/utilities/mixins.scss +460 -0
  78. data/bulma-rails.gemspec +4 -6
  79. metadata +84 -74
  80. data/app/assets/stylesheets/bulma.sass +0 -10
  81. data/app/assets/stylesheets/sass/base/_all.sass +0 -6
  82. data/app/assets/stylesheets/sass/base/animations.sass +0 -5
  83. data/app/assets/stylesheets/sass/base/generic.sass +0 -145
  84. data/app/assets/stylesheets/sass/base/helpers.sass +0 -1
  85. data/app/assets/stylesheets/sass/base/minireset.sass +0 -79
  86. data/app/assets/stylesheets/sass/components/_all.sass +0 -15
  87. data/app/assets/stylesheets/sass/components/breadcrumb.sass +0 -77
  88. data/app/assets/stylesheets/sass/components/card.sass +0 -103
  89. data/app/assets/stylesheets/sass/components/dropdown.sass +0 -83
  90. data/app/assets/stylesheets/sass/components/level.sass +0 -79
  91. data/app/assets/stylesheets/sass/components/media.sass +0 -59
  92. data/app/assets/stylesheets/sass/components/menu.sass +0 -59
  93. data/app/assets/stylesheets/sass/components/message.sass +0 -101
  94. data/app/assets/stylesheets/sass/components/modal.sass +0 -117
  95. data/app/assets/stylesheets/sass/components/navbar.sass +0 -446
  96. data/app/assets/stylesheets/sass/components/pagination.sass +0 -166
  97. data/app/assets/stylesheets/sass/components/panel.sass +0 -121
  98. data/app/assets/stylesheets/sass/components/tabs.sass +0 -176
  99. data/app/assets/stylesheets/sass/elements/_all.sass +0 -16
  100. data/app/assets/stylesheets/sass/elements/box.sass +0 -26
  101. data/app/assets/stylesheets/sass/elements/button.sass +0 -345
  102. data/app/assets/stylesheets/sass/elements/container.sass +0 -29
  103. data/app/assets/stylesheets/sass/elements/content.sass +0 -159
  104. data/app/assets/stylesheets/sass/elements/form.sass +0 -1
  105. data/app/assets/stylesheets/sass/elements/icon.sass +0 -46
  106. data/app/assets/stylesheets/sass/elements/image.sass +0 -73
  107. data/app/assets/stylesheets/sass/elements/notification.sass +0 -52
  108. data/app/assets/stylesheets/sass/elements/other.sass +0 -31
  109. data/app/assets/stylesheets/sass/elements/progress.sass +0 -73
  110. data/app/assets/stylesheets/sass/elements/table.sass +0 -133
  111. data/app/assets/stylesheets/sass/elements/tag.sass +0 -140
  112. data/app/assets/stylesheets/sass/elements/title.sass +0 -70
  113. data/app/assets/stylesheets/sass/form/_all.sass +0 -9
  114. data/app/assets/stylesheets/sass/form/checkbox-radio.sass +0 -22
  115. data/app/assets/stylesheets/sass/form/file.sass +0 -184
  116. data/app/assets/stylesheets/sass/form/input-textarea.sass +0 -66
  117. data/app/assets/stylesheets/sass/form/select.sass +0 -87
  118. data/app/assets/stylesheets/sass/form/shared.sass +0 -60
  119. data/app/assets/stylesheets/sass/form/tools.sass +0 -215
  120. data/app/assets/stylesheets/sass/grid/_all.sass +0 -5
  121. data/app/assets/stylesheets/sass/grid/columns.sass +0 -513
  122. data/app/assets/stylesheets/sass/grid/tiles.sass +0 -36
  123. data/app/assets/stylesheets/sass/helpers/_all.sass +0 -12
  124. data/app/assets/stylesheets/sass/helpers/color.sass +0 -39
  125. data/app/assets/stylesheets/sass/helpers/flexbox.sass +0 -35
  126. data/app/assets/stylesheets/sass/helpers/float.sass +0 -10
  127. data/app/assets/stylesheets/sass/helpers/other.sass +0 -14
  128. data/app/assets/stylesheets/sass/helpers/overflow.sass +0 -2
  129. data/app/assets/stylesheets/sass/helpers/position.sass +0 -7
  130. data/app/assets/stylesheets/sass/helpers/spacing.sass +0 -31
  131. data/app/assets/stylesheets/sass/helpers/typography.sass +0 -103
  132. data/app/assets/stylesheets/sass/helpers/visibility.sass +0 -122
  133. data/app/assets/stylesheets/sass/layout/_all.sass +0 -6
  134. data/app/assets/stylesheets/sass/layout/footer.sass +0 -11
  135. data/app/assets/stylesheets/sass/layout/hero.sass +0 -153
  136. data/app/assets/stylesheets/sass/layout/section.sass +0 -17
  137. data/app/assets/stylesheets/sass/utilities/_all.sass +0 -9
  138. data/app/assets/stylesheets/sass/utilities/animations.sass +0 -1
  139. data/app/assets/stylesheets/sass/utilities/controls.sass +0 -49
  140. data/app/assets/stylesheets/sass/utilities/derived-variables.sass +0 -114
  141. data/app/assets/stylesheets/sass/utilities/extends.sass +0 -25
  142. data/app/assets/stylesheets/sass/utilities/functions.sass +0 -136
  143. data/app/assets/stylesheets/sass/utilities/initial-variables.sass +0 -78
  144. data/app/assets/stylesheets/sass/utilities/mixins.sass +0 -280
@@ -1,513 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $column-gap: 0.75rem !default
4
-
5
- .column
6
- display: block
7
- flex-basis: 0
8
- flex-grow: 1
9
- flex-shrink: 1
10
- padding: $column-gap
11
- .columns.is-mobile > &.is-narrow
12
- flex: none
13
- width: unset
14
- .columns.is-mobile > &.is-full
15
- flex: none
16
- width: 100%
17
- .columns.is-mobile > &.is-three-quarters
18
- flex: none
19
- width: 75%
20
- .columns.is-mobile > &.is-two-thirds
21
- flex: none
22
- width: 66.6666%
23
- .columns.is-mobile > &.is-half
24
- flex: none
25
- width: 50%
26
- .columns.is-mobile > &.is-one-third
27
- flex: none
28
- width: 33.3333%
29
- .columns.is-mobile > &.is-one-quarter
30
- flex: none
31
- width: 25%
32
- .columns.is-mobile > &.is-one-fifth
33
- flex: none
34
- width: 20%
35
- .columns.is-mobile > &.is-two-fifths
36
- flex: none
37
- width: 40%
38
- .columns.is-mobile > &.is-three-fifths
39
- flex: none
40
- width: 60%
41
- .columns.is-mobile > &.is-four-fifths
42
- flex: none
43
- width: 80%
44
- .columns.is-mobile > &.is-offset-three-quarters
45
- +ltr-property("margin", 75%, false)
46
- .columns.is-mobile > &.is-offset-two-thirds
47
- +ltr-property("margin", 66.6666%, false)
48
- .columns.is-mobile > &.is-offset-half
49
- +ltr-property("margin", 50%, false)
50
- .columns.is-mobile > &.is-offset-one-third
51
- +ltr-property("margin", 33.3333%, false)
52
- .columns.is-mobile > &.is-offset-one-quarter
53
- +ltr-property("margin", 25%, false)
54
- .columns.is-mobile > &.is-offset-one-fifth
55
- +ltr-property("margin", 20%, false)
56
- .columns.is-mobile > &.is-offset-two-fifths
57
- +ltr-property("margin", 40%, false)
58
- .columns.is-mobile > &.is-offset-three-fifths
59
- +ltr-property("margin", 60%, false)
60
- .columns.is-mobile > &.is-offset-four-fifths
61
- +ltr-property("margin", 80%, false)
62
- @for $i from 0 through 12
63
- .columns.is-mobile > &.is-#{$i}
64
- flex: none
65
- width: percentage(divide($i, 12))
66
- .columns.is-mobile > &.is-offset-#{$i}
67
- +ltr-property("margin", percentage(divide($i, 12)), false)
68
- +mobile
69
- &.is-narrow-mobile
70
- flex: none
71
- width: unset
72
- &.is-full-mobile
73
- flex: none
74
- width: 100%
75
- &.is-three-quarters-mobile
76
- flex: none
77
- width: 75%
78
- &.is-two-thirds-mobile
79
- flex: none
80
- width: 66.6666%
81
- &.is-half-mobile
82
- flex: none
83
- width: 50%
84
- &.is-one-third-mobile
85
- flex: none
86
- width: 33.3333%
87
- &.is-one-quarter-mobile
88
- flex: none
89
- width: 25%
90
- &.is-one-fifth-mobile
91
- flex: none
92
- width: 20%
93
- &.is-two-fifths-mobile
94
- flex: none
95
- width: 40%
96
- &.is-three-fifths-mobile
97
- flex: none
98
- width: 60%
99
- &.is-four-fifths-mobile
100
- flex: none
101
- width: 80%
102
- &.is-offset-three-quarters-mobile
103
- +ltr-property("margin", 75%, false)
104
- &.is-offset-two-thirds-mobile
105
- +ltr-property("margin", 66.6666%, false)
106
- &.is-offset-half-mobile
107
- +ltr-property("margin", 50%, false)
108
- &.is-offset-one-third-mobile
109
- +ltr-property("margin", 33.3333%, false)
110
- &.is-offset-one-quarter-mobile
111
- +ltr-property("margin", 25%, false)
112
- &.is-offset-one-fifth-mobile
113
- +ltr-property("margin", 20%, false)
114
- &.is-offset-two-fifths-mobile
115
- +ltr-property("margin", 40%, false)
116
- &.is-offset-three-fifths-mobile
117
- +ltr-property("margin", 60%, false)
118
- &.is-offset-four-fifths-mobile
119
- +ltr-property("margin", 80%, false)
120
- @for $i from 0 through 12
121
- &.is-#{$i}-mobile
122
- flex: none
123
- width: percentage(divide($i, 12))
124
- &.is-offset-#{$i}-mobile
125
- +ltr-property("margin", percentage(divide($i, 12)), false)
126
- +tablet
127
- &.is-narrow,
128
- &.is-narrow-tablet
129
- flex: none
130
- width: unset
131
- &.is-full,
132
- &.is-full-tablet
133
- flex: none
134
- width: 100%
135
- &.is-three-quarters,
136
- &.is-three-quarters-tablet
137
- flex: none
138
- width: 75%
139
- &.is-two-thirds,
140
- &.is-two-thirds-tablet
141
- flex: none
142
- width: 66.6666%
143
- &.is-half,
144
- &.is-half-tablet
145
- flex: none
146
- width: 50%
147
- &.is-one-third,
148
- &.is-one-third-tablet
149
- flex: none
150
- width: 33.3333%
151
- &.is-one-quarter,
152
- &.is-one-quarter-tablet
153
- flex: none
154
- width: 25%
155
- &.is-one-fifth,
156
- &.is-one-fifth-tablet
157
- flex: none
158
- width: 20%
159
- &.is-two-fifths,
160
- &.is-two-fifths-tablet
161
- flex: none
162
- width: 40%
163
- &.is-three-fifths,
164
- &.is-three-fifths-tablet
165
- flex: none
166
- width: 60%
167
- &.is-four-fifths,
168
- &.is-four-fifths-tablet
169
- flex: none
170
- width: 80%
171
- &.is-offset-three-quarters,
172
- &.is-offset-three-quarters-tablet
173
- +ltr-property("margin", 75%, false)
174
- &.is-offset-two-thirds,
175
- &.is-offset-two-thirds-tablet
176
- +ltr-property("margin", 66.6666%, false)
177
- &.is-offset-half,
178
- &.is-offset-half-tablet
179
- +ltr-property("margin", 50%, false)
180
- &.is-offset-one-third,
181
- &.is-offset-one-third-tablet
182
- +ltr-property("margin", 33.3333%, false)
183
- &.is-offset-one-quarter,
184
- &.is-offset-one-quarter-tablet
185
- +ltr-property("margin", 25%, false)
186
- &.is-offset-one-fifth,
187
- &.is-offset-one-fifth-tablet
188
- +ltr-property("margin", 20%, false)
189
- &.is-offset-two-fifths,
190
- &.is-offset-two-fifths-tablet
191
- +ltr-property("margin", 40%, false)
192
- &.is-offset-three-fifths,
193
- &.is-offset-three-fifths-tablet
194
- +ltr-property("margin", 60%, false)
195
- &.is-offset-four-fifths,
196
- &.is-offset-four-fifths-tablet
197
- +ltr-property("margin", 80%, false)
198
- @for $i from 0 through 12
199
- &.is-#{$i},
200
- &.is-#{$i}-tablet
201
- flex: none
202
- width: percentage(divide($i, 12))
203
- &.is-offset-#{$i},
204
- &.is-offset-#{$i}-tablet
205
- +ltr-property("margin", percentage(divide($i, 12)), false)
206
- +touch
207
- &.is-narrow-touch
208
- flex: none
209
- width: unset
210
- &.is-full-touch
211
- flex: none
212
- width: 100%
213
- &.is-three-quarters-touch
214
- flex: none
215
- width: 75%
216
- &.is-two-thirds-touch
217
- flex: none
218
- width: 66.6666%
219
- &.is-half-touch
220
- flex: none
221
- width: 50%
222
- &.is-one-third-touch
223
- flex: none
224
- width: 33.3333%
225
- &.is-one-quarter-touch
226
- flex: none
227
- width: 25%
228
- &.is-one-fifth-touch
229
- flex: none
230
- width: 20%
231
- &.is-two-fifths-touch
232
- flex: none
233
- width: 40%
234
- &.is-three-fifths-touch
235
- flex: none
236
- width: 60%
237
- &.is-four-fifths-touch
238
- flex: none
239
- width: 80%
240
- &.is-offset-three-quarters-touch
241
- +ltr-property("margin", 75%, false)
242
- &.is-offset-two-thirds-touch
243
- +ltr-property("margin", 66.6666%, false)
244
- &.is-offset-half-touch
245
- +ltr-property("margin", 50%, false)
246
- &.is-offset-one-third-touch
247
- +ltr-property("margin", 33.3333%, false)
248
- &.is-offset-one-quarter-touch
249
- +ltr-property("margin", 25%, false)
250
- &.is-offset-one-fifth-touch
251
- +ltr-property("margin", 20%, false)
252
- &.is-offset-two-fifths-touch
253
- +ltr-property("margin", 40%, false)
254
- &.is-offset-three-fifths-touch
255
- +ltr-property("margin", 60%, false)
256
- &.is-offset-four-fifths-touch
257
- +ltr-property("margin", 80%, false)
258
- @for $i from 0 through 12
259
- &.is-#{$i}-touch
260
- flex: none
261
- width: percentage(divide($i, 12))
262
- &.is-offset-#{$i}-touch
263
- +ltr-property("margin", percentage(divide($i, 12)), false)
264
- +desktop
265
- &.is-narrow-desktop
266
- flex: none
267
- width: unset
268
- &.is-full-desktop
269
- flex: none
270
- width: 100%
271
- &.is-three-quarters-desktop
272
- flex: none
273
- width: 75%
274
- &.is-two-thirds-desktop
275
- flex: none
276
- width: 66.6666%
277
- &.is-half-desktop
278
- flex: none
279
- width: 50%
280
- &.is-one-third-desktop
281
- flex: none
282
- width: 33.3333%
283
- &.is-one-quarter-desktop
284
- flex: none
285
- width: 25%
286
- &.is-one-fifth-desktop
287
- flex: none
288
- width: 20%
289
- &.is-two-fifths-desktop
290
- flex: none
291
- width: 40%
292
- &.is-three-fifths-desktop
293
- flex: none
294
- width: 60%
295
- &.is-four-fifths-desktop
296
- flex: none
297
- width: 80%
298
- &.is-offset-three-quarters-desktop
299
- +ltr-property("margin", 75%, false)
300
- &.is-offset-two-thirds-desktop
301
- +ltr-property("margin", 66.6666%, false)
302
- &.is-offset-half-desktop
303
- +ltr-property("margin", 50%, false)
304
- &.is-offset-one-third-desktop
305
- +ltr-property("margin", 33.3333%, false)
306
- &.is-offset-one-quarter-desktop
307
- +ltr-property("margin", 25%, false)
308
- &.is-offset-one-fifth-desktop
309
- +ltr-property("margin", 20%, false)
310
- &.is-offset-two-fifths-desktop
311
- +ltr-property("margin", 40%, false)
312
- &.is-offset-three-fifths-desktop
313
- +ltr-property("margin", 60%, false)
314
- &.is-offset-four-fifths-desktop
315
- +ltr-property("margin", 80%, false)
316
- @for $i from 0 through 12
317
- &.is-#{$i}-desktop
318
- flex: none
319
- width: percentage(divide($i, 12))
320
- &.is-offset-#{$i}-desktop
321
- +ltr-property("margin", percentage(divide($i, 12)), false)
322
- +widescreen
323
- &.is-narrow-widescreen
324
- flex: none
325
- width: unset
326
- &.is-full-widescreen
327
- flex: none
328
- width: 100%
329
- &.is-three-quarters-widescreen
330
- flex: none
331
- width: 75%
332
- &.is-two-thirds-widescreen
333
- flex: none
334
- width: 66.6666%
335
- &.is-half-widescreen
336
- flex: none
337
- width: 50%
338
- &.is-one-third-widescreen
339
- flex: none
340
- width: 33.3333%
341
- &.is-one-quarter-widescreen
342
- flex: none
343
- width: 25%
344
- &.is-one-fifth-widescreen
345
- flex: none
346
- width: 20%
347
- &.is-two-fifths-widescreen
348
- flex: none
349
- width: 40%
350
- &.is-three-fifths-widescreen
351
- flex: none
352
- width: 60%
353
- &.is-four-fifths-widescreen
354
- flex: none
355
- width: 80%
356
- &.is-offset-three-quarters-widescreen
357
- +ltr-property("margin", 75%, false)
358
- &.is-offset-two-thirds-widescreen
359
- +ltr-property("margin", 66.6666%, false)
360
- &.is-offset-half-widescreen
361
- +ltr-property("margin", 50%, false)
362
- &.is-offset-one-third-widescreen
363
- +ltr-property("margin", 33.3333%, false)
364
- &.is-offset-one-quarter-widescreen
365
- +ltr-property("margin", 25%, false)
366
- &.is-offset-one-fifth-widescreen
367
- +ltr-property("margin", 20%, false)
368
- &.is-offset-two-fifths-widescreen
369
- +ltr-property("margin", 40%, false)
370
- &.is-offset-three-fifths-widescreen
371
- +ltr-property("margin", 60%, false)
372
- &.is-offset-four-fifths-widescreen
373
- +ltr-property("margin", 80%, false)
374
- @for $i from 0 through 12
375
- &.is-#{$i}-widescreen
376
- flex: none
377
- width: percentage(divide($i, 12))
378
- &.is-offset-#{$i}-widescreen
379
- +ltr-property("margin", percentage(divide($i, 12)), false)
380
- +fullhd
381
- &.is-narrow-fullhd
382
- flex: none
383
- width: unset
384
- &.is-full-fullhd
385
- flex: none
386
- width: 100%
387
- &.is-three-quarters-fullhd
388
- flex: none
389
- width: 75%
390
- &.is-two-thirds-fullhd
391
- flex: none
392
- width: 66.6666%
393
- &.is-half-fullhd
394
- flex: none
395
- width: 50%
396
- &.is-one-third-fullhd
397
- flex: none
398
- width: 33.3333%
399
- &.is-one-quarter-fullhd
400
- flex: none
401
- width: 25%
402
- &.is-one-fifth-fullhd
403
- flex: none
404
- width: 20%
405
- &.is-two-fifths-fullhd
406
- flex: none
407
- width: 40%
408
- &.is-three-fifths-fullhd
409
- flex: none
410
- width: 60%
411
- &.is-four-fifths-fullhd
412
- flex: none
413
- width: 80%
414
- &.is-offset-three-quarters-fullhd
415
- +ltr-property("margin", 75%, false)
416
- &.is-offset-two-thirds-fullhd
417
- +ltr-property("margin", 66.6666%, false)
418
- &.is-offset-half-fullhd
419
- +ltr-property("margin", 50%, false)
420
- &.is-offset-one-third-fullhd
421
- +ltr-property("margin", 33.3333%, false)
422
- &.is-offset-one-quarter-fullhd
423
- +ltr-property("margin", 25%, false)
424
- &.is-offset-one-fifth-fullhd
425
- +ltr-property("margin", 20%, false)
426
- &.is-offset-two-fifths-fullhd
427
- +ltr-property("margin", 40%, false)
428
- &.is-offset-three-fifths-fullhd
429
- +ltr-property("margin", 60%, false)
430
- &.is-offset-four-fifths-fullhd
431
- +ltr-property("margin", 80%, false)
432
- @for $i from 0 through 12
433
- &.is-#{$i}-fullhd
434
- flex: none
435
- width: percentage(divide($i, 12))
436
- &.is-offset-#{$i}-fullhd
437
- +ltr-property("margin", percentage(divide($i, 12)), false)
438
-
439
- .columns
440
- +ltr-property("margin", (-$column-gap), false)
441
- +ltr-property("margin", (-$column-gap))
442
- margin-top: (-$column-gap)
443
- &:last-child
444
- margin-bottom: (-$column-gap)
445
- &:not(:last-child)
446
- margin-bottom: calc(1.5rem - #{$column-gap})
447
- // Modifiers
448
- &.is-centered
449
- justify-content: center
450
- &.is-gapless
451
- +ltr-property("margin", 0, false)
452
- +ltr-property("margin", 0)
453
- margin-top: 0
454
- & > .column
455
- margin: 0
456
- padding: 0 !important
457
- &:not(:last-child)
458
- margin-bottom: 1.5rem
459
- &:last-child
460
- margin-bottom: 0
461
- &.is-mobile
462
- display: flex
463
- &.is-multiline
464
- flex-wrap: wrap
465
- &.is-vcentered
466
- align-items: center
467
- // Responsiveness
468
- +tablet
469
- &:not(.is-desktop)
470
- display: flex
471
- +desktop
472
- // Modifiers
473
- &.is-desktop
474
- display: flex
475
-
476
- @if $variable-columns
477
- .columns.is-variable
478
- --columnGap: 0.75rem
479
- +ltr-property("margin", calc(-1 * var(--columnGap)), false)
480
- +ltr-property("margin", calc(-1 * var(--columnGap)))
481
- > .column
482
- padding-left: var(--columnGap)
483
- padding-right: var(--columnGap)
484
- @for $i from 0 through 8
485
- &.is-#{$i}
486
- --columnGap: #{$i * 0.25rem}
487
- +mobile
488
- &.is-#{$i}-mobile
489
- --columnGap: #{$i * 0.25rem}
490
- +tablet
491
- &.is-#{$i}-tablet
492
- --columnGap: #{$i * 0.25rem}
493
- +tablet-only
494
- &.is-#{$i}-tablet-only
495
- --columnGap: #{$i * 0.25rem}
496
- +touch
497
- &.is-#{$i}-touch
498
- --columnGap: #{$i * 0.25rem}
499
- +desktop
500
- &.is-#{$i}-desktop
501
- --columnGap: #{$i * 0.25rem}
502
- +desktop-only
503
- &.is-#{$i}-desktop-only
504
- --columnGap: #{$i * 0.25rem}
505
- +widescreen
506
- &.is-#{$i}-widescreen
507
- --columnGap: #{$i * 0.25rem}
508
- +widescreen-only
509
- &.is-#{$i}-widescreen-only
510
- --columnGap: #{$i * 0.25rem}
511
- +fullhd
512
- &.is-#{$i}-fullhd
513
- --columnGap: #{$i * 0.25rem}
@@ -1,36 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- $tile-spacing: 0.75rem !default
4
-
5
- .tile
6
- align-items: stretch
7
- display: block
8
- flex-basis: 0
9
- flex-grow: 1
10
- flex-shrink: 1
11
- min-height: min-content
12
- // Modifiers
13
- &.is-ancestor
14
- margin-left: $tile-spacing * -1
15
- margin-right: $tile-spacing * -1
16
- margin-top: $tile-spacing * -1
17
- &:last-child
18
- margin-bottom: $tile-spacing * -1
19
- &:not(:last-child)
20
- margin-bottom: $tile-spacing
21
- &.is-child
22
- margin: 0 !important
23
- &.is-parent
24
- padding: $tile-spacing
25
- &.is-vertical
26
- flex-direction: column
27
- & > .tile.is-child:not(:last-child)
28
- margin-bottom: 1.5rem !important
29
- // Responsiveness
30
- +tablet
31
- &:not(.is-child)
32
- display: flex
33
- @for $i from 1 through 12
34
- &.is-#{$i}
35
- flex: none
36
- width: (divide($i, 12)) * 100%
@@ -1,12 +0,0 @@
1
- /* Bulma Helpers */
2
- @charset "utf-8"
3
-
4
- @import "color"
5
- @import "flexbox"
6
- @import "float"
7
- @import "other"
8
- @import "overflow"
9
- @import "position"
10
- @import "spacing"
11
- @import "typography"
12
- @import "visibility"
@@ -1,39 +0,0 @@
1
- @import "../utilities/derived-variables"
2
-
3
- @each $name, $pair in $colors
4
- $color: nth($pair, 1)
5
- .has-text-#{$name}
6
- color: $color !important
7
- a.has-text-#{$name}
8
- &:hover,
9
- &:focus
10
- color: bulmaDarken($color, 10%) !important
11
- .has-background-#{$name}
12
- background-color: $color !important
13
- @if length($pair) >= 4
14
- $color-light: nth($pair, 3)
15
- $color-dark: nth($pair, 4)
16
- // Light
17
- .has-text-#{$name}-light
18
- color: $color-light !important
19
- a.has-text-#{$name}-light
20
- &:hover,
21
- &:focus
22
- color: bulmaDarken($color-light, 10%) !important
23
- .has-background-#{$name}-light
24
- background-color: $color-light !important
25
- // Dark
26
- .has-text-#{$name}-dark
27
- color: $color-dark !important
28
- a.has-text-#{$name}-dark
29
- &:hover,
30
- &:focus
31
- color: bulmaLighten($color-dark, 10%) !important
32
- .has-background-#{$name}-dark
33
- background-color: $color-dark !important
34
-
35
- @each $name, $shade in $shades
36
- .has-text-#{$name}
37
- color: $shade !important
38
- .has-background-#{$name}
39
- background-color: $shade !important
@@ -1,35 +0,0 @@
1
- $flex-direction-values: row, row-reverse, column, column-reverse
2
- @each $value in $flex-direction-values
3
- .is-flex-direction-#{$value}
4
- flex-direction: $value !important
5
-
6
- $flex-wrap-values: nowrap, wrap, wrap-reverse
7
- @each $value in $flex-wrap-values
8
- .is-flex-wrap-#{$value}
9
- flex-wrap: $value !important
10
-
11
- $justify-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, start, end, left, right
12
- @each $value in $justify-content-values
13
- .is-justify-content-#{$value}
14
- justify-content: $value !important
15
-
16
- $align-content-values: flex-start, flex-end, center, space-between, space-around, space-evenly, stretch, start, end, baseline
17
- @each $value in $align-content-values
18
- .is-align-content-#{$value}
19
- align-content: $value !important
20
-
21
- $align-items-values: stretch, flex-start, flex-end, center, baseline, start, end, self-start, self-end
22
- @each $value in $align-items-values
23
- .is-align-items-#{$value}
24
- align-items: $value !important
25
-
26
- $align-self-values: auto, flex-start, flex-end, center, baseline, stretch
27
- @each $value in $align-self-values
28
- .is-align-self-#{$value}
29
- align-self: $value !important
30
-
31
- $flex-operators: grow, shrink
32
- @each $operator in $flex-operators
33
- @for $i from 0 through 5
34
- .is-flex-#{$operator}-#{$i}
35
- flex-#{$operator}: $i !important
@@ -1,10 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- .is-clearfix
4
- +clearfix
5
-
6
- .is-pulled-left
7
- float: left !important
8
-
9
- .is-pulled-right
10
- float: right !important
@@ -1,14 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- .is-radiusless
4
- border-radius: 0 !important
5
-
6
- .is-shadowless
7
- box-shadow: none !important
8
-
9
- .is-clickable
10
- cursor: pointer !important
11
- pointer-events: all !important
12
-
13
- .is-unselectable
14
- @extend %unselectable
@@ -1,2 +0,0 @@
1
- .is-clipped
2
- overflow: hidden !important
@@ -1,7 +0,0 @@
1
- @import "../utilities/mixins"
2
-
3
- .is-overlay
4
- @extend %overlay
5
-
6
- .is-relative
7
- position: relative !important
@@ -1,31 +0,0 @@
1
- .is-marginless
2
- margin: 0 !important
3
-
4
- .is-paddingless
5
- padding: 0 !important
6
-
7
- $spacing-shortcuts: ("margin": "m", "padding": "p") !default
8
- $spacing-directions: ("top": "t", "right": "r", "bottom": "b", "left": "l") !default
9
- $spacing-horizontal: "x" !default
10
- $spacing-vertical: "y" !default
11
- $spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5": 1.5rem, "6": 3rem, "auto": auto) !default
12
-
13
- @each $property, $shortcut in $spacing-shortcuts
14
- @each $name, $value in $spacing-values
15
- // All directions
16
- .#{$shortcut}-#{$name}
17
- #{$property}: $value !important
18
- // Cardinal directions
19
- @each $direction, $suffix in $spacing-directions
20
- .#{$shortcut}#{$suffix}-#{$name}
21
- #{$property}-#{$direction}: $value !important
22
- // Horizontal axis
23
- @if $spacing-horizontal != null
24
- .#{$shortcut}#{$spacing-horizontal}-#{$name}
25
- #{$property}-left: $value !important
26
- #{$property}-right: $value !important
27
- // Vertical axis
28
- @if $spacing-vertical != null
29
- .#{$shortcut}#{$spacing-vertical}-#{$name}
30
- #{$property}-top: $value !important
31
- #{$property}-bottom: $value !important