bulma-clean-theme 0.10.6 → 0.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (89) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +170 -84
  3. data/_includes/series.html +32 -0
  4. data/_includes/vimeo.html +3 -0
  5. data/_includes/youtube.html +1 -1
  6. data/_layouts/default.html +13 -12
  7. data/_layouts/post.html +4 -0
  8. data/_layouts/recipe.html +98 -0
  9. data/_posts/2021-10-30-creating-a-post-series.md +59 -0
  10. data/node_modules/.package-lock.json +26 -0
  11. data/node_modules/bulma/CHANGELOG.md +521 -448
  12. data/node_modules/bulma/README.md +5 -2
  13. data/node_modules/bulma/bulma.sass +1 -1
  14. data/node_modules/bulma/css/bulma-rtl.css +778 -591
  15. data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
  16. data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
  17. data/node_modules/bulma/css/bulma.css +621 -434
  18. data/node_modules/bulma/css/bulma.css.map +1 -1
  19. data/node_modules/bulma/css/bulma.min.css +1 -1
  20. data/node_modules/bulma/package.json +28 -54
  21. data/node_modules/bulma/sass/base/_all.sass +3 -2
  22. data/node_modules/bulma/sass/base/animations.sass +5 -0
  23. data/node_modules/bulma/sass/base/generic.sass +2 -0
  24. data/node_modules/bulma/sass/components/_all.sass +12 -12
  25. data/node_modules/bulma/sass/components/breadcrumb.sass +2 -0
  26. data/node_modules/bulma/sass/components/card.sass +23 -3
  27. data/node_modules/bulma/sass/components/dropdown.sass +3 -1
  28. data/node_modules/bulma/sass/components/level.sass +3 -1
  29. data/node_modules/bulma/sass/components/media.sass +16 -9
  30. data/node_modules/bulma/sass/components/menu.sass +2 -0
  31. data/node_modules/bulma/sass/components/message.sass +2 -0
  32. data/node_modules/bulma/sass/components/modal.sass +2 -0
  33. data/node_modules/bulma/sass/components/navbar.sass +3 -0
  34. data/node_modules/bulma/sass/components/pagination.sass +19 -3
  35. data/node_modules/bulma/sass/components/panel.sass +3 -1
  36. data/node_modules/bulma/sass/components/tabs.sass +2 -0
  37. data/node_modules/bulma/sass/elements/_all.sass +12 -12
  38. data/node_modules/bulma/sass/elements/box.sass +3 -1
  39. data/node_modules/bulma/sass/elements/button.sass +27 -7
  40. data/node_modules/bulma/sass/elements/container.sass +2 -0
  41. data/node_modules/bulma/sass/elements/content.sass +4 -0
  42. data/node_modules/bulma/sass/elements/icon.sass +25 -0
  43. data/node_modules/bulma/sass/elements/image.sass +2 -0
  44. data/node_modules/bulma/sass/elements/notification.sass +2 -0
  45. data/node_modules/bulma/sass/elements/other.sass +2 -10
  46. data/node_modules/bulma/sass/elements/progress.sass +2 -0
  47. data/node_modules/bulma/sass/elements/table.sass +2 -0
  48. data/node_modules/bulma/sass/elements/tag.sass +2 -0
  49. data/node_modules/bulma/sass/elements/title.sass +2 -2
  50. data/node_modules/bulma/sass/form/_all.sass +6 -6
  51. data/node_modules/bulma/sass/form/file.sass +2 -0
  52. data/node_modules/bulma/sass/form/shared.sass +3 -0
  53. data/node_modules/bulma/sass/grid/_all.sass +2 -2
  54. data/node_modules/bulma/sass/grid/columns.sass +93 -84
  55. data/node_modules/bulma/sass/grid/tiles.sass +3 -1
  56. data/node_modules/bulma/sass/helpers/_all.sass +9 -9
  57. data/node_modules/bulma/sass/helpers/color.sass +2 -0
  58. data/node_modules/bulma/sass/helpers/float.sass +2 -0
  59. data/node_modules/bulma/sass/helpers/other.sass +3 -0
  60. data/node_modules/bulma/sass/helpers/position.sass +2 -0
  61. data/node_modules/bulma/sass/helpers/spacing.sass +1 -1
  62. data/node_modules/bulma/sass/helpers/typography.sass +5 -0
  63. data/node_modules/bulma/sass/helpers/visibility.sass +1 -1
  64. data/node_modules/bulma/sass/layout/_all.sass +3 -3
  65. data/node_modules/bulma/sass/layout/footer.sass +2 -0
  66. data/node_modules/bulma/sass/layout/hero.sass +8 -2
  67. data/node_modules/bulma/sass/layout/section.sass +6 -2
  68. data/node_modules/bulma/sass/utilities/_all.sass +6 -6
  69. data/node_modules/bulma/sass/utilities/animations.sass +1 -5
  70. data/node_modules/bulma/sass/utilities/controls.sass +2 -3
  71. data/node_modules/bulma/sass/utilities/derived-variables.sass +7 -0
  72. data/node_modules/bulma/sass/utilities/extends.sass +25 -0
  73. data/node_modules/bulma/sass/utilities/functions.sass +25 -4
  74. data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -5
  75. data/node_modules/bulma/sass/utilities/mixins.sass +18 -23
  76. data/node_modules/bulma-block-list/.editorconfig +15 -0
  77. data/node_modules/bulma-block-list/.github/FUNDING.yml +12 -0
  78. data/node_modules/bulma-block-list/changelog.txt +17 -0
  79. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  80. data/node_modules/bulma-block-list/docs/_config.yml +2 -0
  81. data/node_modules/bulma-block-list/docs/_data/menu.yaml +3 -1
  82. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +30 -2
  83. data/node_modules/bulma-block-list/docs/index.html +96 -5
  84. data/node_modules/bulma-block-list/package.json +15 -42
  85. data/node_modules/bulma-block-list/src/block-list.scss +30 -2
  86. data/package-lock.json +36 -7
  87. data/package.json +1 -1
  88. metadata +14 -5
  89. data/_posts/2020-10-17-post-with-summary.md +0 -23
@@ -1,9 +1,9 @@
1
1
  /* Bulma Form */
2
2
  @charset "utf-8"
3
3
 
4
- @import "shared.sass"
5
- @import "input-textarea.sass"
6
- @import "checkbox-radio.sass"
7
- @import "select.sass"
8
- @import "file.sass"
9
- @import "tools.sass"
4
+ @import "shared"
5
+ @import "input-textarea"
6
+ @import "checkbox-radio"
7
+ @import "select"
8
+ @import "file"
9
+ @import "tools"
@@ -49,6 +49,8 @@ $file-colors: $form-colors !default
49
49
  // Sizes
50
50
  &.is-small
51
51
  font-size: $size-small
52
+ &.is-normal
53
+ font-size: $size-normal
52
54
  &.is-medium
53
55
  font-size: $size-medium
54
56
  .file-icon
@@ -1,3 +1,6 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
1
4
  $form-colors: $colors !default
2
5
 
3
6
  $input-color: $text-strong !default
@@ -1,5 +1,5 @@
1
1
  /* Bulma Grid */
2
2
  @charset "utf-8"
3
3
 
4
- @import "columns.sass"
5
- @import "tiles.sass"
4
+ @import "columns"
5
+ @import "tiles"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $column-gap: 0.75rem !default
2
4
 
3
5
  .column
@@ -8,6 +10,7 @@ $column-gap: 0.75rem !default
8
10
  padding: $column-gap
9
11
  .columns.is-mobile > &.is-narrow
10
12
  flex: none
13
+ width: unset
11
14
  .columns.is-mobile > &.is-full
12
15
  flex: none
13
16
  width: 100%
@@ -39,32 +42,33 @@ $column-gap: 0.75rem !default
39
42
  flex: none
40
43
  width: 80%
41
44
  .columns.is-mobile > &.is-offset-three-quarters
42
- margin-left: 75%
45
+ +ltr-property("margin", 75%, false)
43
46
  .columns.is-mobile > &.is-offset-two-thirds
44
- margin-left: 66.6666%
47
+ +ltr-property("margin", 66.6666%, false)
45
48
  .columns.is-mobile > &.is-offset-half
46
- margin-left: 50%
49
+ +ltr-property("margin", 50%, false)
47
50
  .columns.is-mobile > &.is-offset-one-third
48
- margin-left: 33.3333%
51
+ +ltr-property("margin", 33.3333%, false)
49
52
  .columns.is-mobile > &.is-offset-one-quarter
50
- margin-left: 25%
53
+ +ltr-property("margin", 25%, false)
51
54
  .columns.is-mobile > &.is-offset-one-fifth
52
- margin-left: 20%
55
+ +ltr-property("margin", 20%, false)
53
56
  .columns.is-mobile > &.is-offset-two-fifths
54
- margin-left: 40%
57
+ +ltr-property("margin", 40%, false)
55
58
  .columns.is-mobile > &.is-offset-three-fifths
56
- margin-left: 60%
59
+ +ltr-property("margin", 60%, false)
57
60
  .columns.is-mobile > &.is-offset-four-fifths
58
- margin-left: 80%
61
+ +ltr-property("margin", 80%, false)
59
62
  @for $i from 0 through 12
60
63
  .columns.is-mobile > &.is-#{$i}
61
64
  flex: none
62
- width: percentage($i / 12)
65
+ width: percentage(divide($i, 12))
63
66
  .columns.is-mobile > &.is-offset-#{$i}
64
- margin-left: percentage($i / 12)
67
+ +ltr-property("margin", percentage(divide($i, 12)), false)
65
68
  +mobile
66
69
  &.is-narrow-mobile
67
70
  flex: none
71
+ width: unset
68
72
  &.is-full-mobile
69
73
  flex: none
70
74
  width: 100%
@@ -96,33 +100,34 @@ $column-gap: 0.75rem !default
96
100
  flex: none
97
101
  width: 80%
98
102
  &.is-offset-three-quarters-mobile
99
- margin-left: 75%
103
+ +ltr-property("margin", 75%, false)
100
104
  &.is-offset-two-thirds-mobile
101
- margin-left: 66.6666%
105
+ +ltr-property("margin", 66.6666%, false)
102
106
  &.is-offset-half-mobile
103
- margin-left: 50%
107
+ +ltr-property("margin", 50%, false)
104
108
  &.is-offset-one-third-mobile
105
- margin-left: 33.3333%
109
+ +ltr-property("margin", 33.3333%, false)
106
110
  &.is-offset-one-quarter-mobile
107
- margin-left: 25%
111
+ +ltr-property("margin", 25%, false)
108
112
  &.is-offset-one-fifth-mobile
109
- margin-left: 20%
113
+ +ltr-property("margin", 20%, false)
110
114
  &.is-offset-two-fifths-mobile
111
- margin-left: 40%
115
+ +ltr-property("margin", 40%, false)
112
116
  &.is-offset-three-fifths-mobile
113
- margin-left: 60%
117
+ +ltr-property("margin", 60%, false)
114
118
  &.is-offset-four-fifths-mobile
115
- margin-left: 80%
119
+ +ltr-property("margin", 80%, false)
116
120
  @for $i from 0 through 12
117
121
  &.is-#{$i}-mobile
118
122
  flex: none
119
- width: percentage($i / 12)
123
+ width: percentage(divide($i, 12))
120
124
  &.is-offset-#{$i}-mobile
121
- margin-left: percentage($i / 12)
125
+ +ltr-property("margin", percentage(divide($i, 12)), false)
122
126
  +tablet
123
127
  &.is-narrow,
124
128
  &.is-narrow-tablet
125
129
  flex: none
130
+ width: unset
126
131
  &.is-full,
127
132
  &.is-full-tablet
128
133
  flex: none
@@ -165,42 +170,43 @@ $column-gap: 0.75rem !default
165
170
  width: 80%
166
171
  &.is-offset-three-quarters,
167
172
  &.is-offset-three-quarters-tablet
168
- margin-left: 75%
173
+ +ltr-property("margin", 75%, false)
169
174
  &.is-offset-two-thirds,
170
175
  &.is-offset-two-thirds-tablet
171
- margin-left: 66.6666%
176
+ +ltr-property("margin", 66.6666%, false)
172
177
  &.is-offset-half,
173
178
  &.is-offset-half-tablet
174
- margin-left: 50%
179
+ +ltr-property("margin", 50%, false)
175
180
  &.is-offset-one-third,
176
181
  &.is-offset-one-third-tablet
177
- margin-left: 33.3333%
182
+ +ltr-property("margin", 33.3333%, false)
178
183
  &.is-offset-one-quarter,
179
184
  &.is-offset-one-quarter-tablet
180
- margin-left: 25%
185
+ +ltr-property("margin", 25%, false)
181
186
  &.is-offset-one-fifth,
182
187
  &.is-offset-one-fifth-tablet
183
- margin-left: 20%
188
+ +ltr-property("margin", 20%, false)
184
189
  &.is-offset-two-fifths,
185
190
  &.is-offset-two-fifths-tablet
186
- margin-left: 40%
191
+ +ltr-property("margin", 40%, false)
187
192
  &.is-offset-three-fifths,
188
193
  &.is-offset-three-fifths-tablet
189
- margin-left: 60%
194
+ +ltr-property("margin", 60%, false)
190
195
  &.is-offset-four-fifths,
191
196
  &.is-offset-four-fifths-tablet
192
- margin-left: 80%
197
+ +ltr-property("margin", 80%, false)
193
198
  @for $i from 0 through 12
194
199
  &.is-#{$i},
195
200
  &.is-#{$i}-tablet
196
201
  flex: none
197
- width: percentage($i / 12)
202
+ width: percentage(divide($i, 12))
198
203
  &.is-offset-#{$i},
199
204
  &.is-offset-#{$i}-tablet
200
- margin-left: percentage($i / 12)
205
+ +ltr-property("margin", percentage(divide($i, 12)), false)
201
206
  +touch
202
207
  &.is-narrow-touch
203
208
  flex: none
209
+ width: unset
204
210
  &.is-full-touch
205
211
  flex: none
206
212
  width: 100%
@@ -232,32 +238,33 @@ $column-gap: 0.75rem !default
232
238
  flex: none
233
239
  width: 80%
234
240
  &.is-offset-three-quarters-touch
235
- margin-left: 75%
241
+ +ltr-property("margin", 75%, false)
236
242
  &.is-offset-two-thirds-touch
237
- margin-left: 66.6666%
243
+ +ltr-property("margin", 66.6666%, false)
238
244
  &.is-offset-half-touch
239
- margin-left: 50%
245
+ +ltr-property("margin", 50%, false)
240
246
  &.is-offset-one-third-touch
241
- margin-left: 33.3333%
247
+ +ltr-property("margin", 33.3333%, false)
242
248
  &.is-offset-one-quarter-touch
243
- margin-left: 25%
249
+ +ltr-property("margin", 25%, false)
244
250
  &.is-offset-one-fifth-touch
245
- margin-left: 20%
251
+ +ltr-property("margin", 20%, false)
246
252
  &.is-offset-two-fifths-touch
247
- margin-left: 40%
253
+ +ltr-property("margin", 40%, false)
248
254
  &.is-offset-three-fifths-touch
249
- margin-left: 60%
255
+ +ltr-property("margin", 60%, false)
250
256
  &.is-offset-four-fifths-touch
251
- margin-left: 80%
257
+ +ltr-property("margin", 80%, false)
252
258
  @for $i from 0 through 12
253
259
  &.is-#{$i}-touch
254
260
  flex: none
255
- width: percentage($i / 12)
261
+ width: percentage(divide($i, 12))
256
262
  &.is-offset-#{$i}-touch
257
- margin-left: percentage($i / 12)
263
+ +ltr-property("margin", percentage(divide($i, 12)), false)
258
264
  +desktop
259
265
  &.is-narrow-desktop
260
266
  flex: none
267
+ width: unset
261
268
  &.is-full-desktop
262
269
  flex: none
263
270
  width: 100%
@@ -289,32 +296,33 @@ $column-gap: 0.75rem !default
289
296
  flex: none
290
297
  width: 80%
291
298
  &.is-offset-three-quarters-desktop
292
- margin-left: 75%
299
+ +ltr-property("margin", 75%, false)
293
300
  &.is-offset-two-thirds-desktop
294
- margin-left: 66.6666%
301
+ +ltr-property("margin", 66.6666%, false)
295
302
  &.is-offset-half-desktop
296
- margin-left: 50%
303
+ +ltr-property("margin", 50%, false)
297
304
  &.is-offset-one-third-desktop
298
- margin-left: 33.3333%
305
+ +ltr-property("margin", 33.3333%, false)
299
306
  &.is-offset-one-quarter-desktop
300
- margin-left: 25%
307
+ +ltr-property("margin", 25%, false)
301
308
  &.is-offset-one-fifth-desktop
302
- margin-left: 20%
309
+ +ltr-property("margin", 20%, false)
303
310
  &.is-offset-two-fifths-desktop
304
- margin-left: 40%
311
+ +ltr-property("margin", 40%, false)
305
312
  &.is-offset-three-fifths-desktop
306
- margin-left: 60%
313
+ +ltr-property("margin", 60%, false)
307
314
  &.is-offset-four-fifths-desktop
308
- margin-left: 80%
315
+ +ltr-property("margin", 80%, false)
309
316
  @for $i from 0 through 12
310
317
  &.is-#{$i}-desktop
311
318
  flex: none
312
- width: percentage($i / 12)
319
+ width: percentage(divide($i, 12))
313
320
  &.is-offset-#{$i}-desktop
314
- margin-left: percentage($i / 12)
321
+ +ltr-property("margin", percentage(divide($i, 12)), false)
315
322
  +widescreen
316
323
  &.is-narrow-widescreen
317
324
  flex: none
325
+ width: unset
318
326
  &.is-full-widescreen
319
327
  flex: none
320
328
  width: 100%
@@ -346,32 +354,33 @@ $column-gap: 0.75rem !default
346
354
  flex: none
347
355
  width: 80%
348
356
  &.is-offset-three-quarters-widescreen
349
- margin-left: 75%
357
+ +ltr-property("margin", 75%, false)
350
358
  &.is-offset-two-thirds-widescreen
351
- margin-left: 66.6666%
359
+ +ltr-property("margin", 66.6666%, false)
352
360
  &.is-offset-half-widescreen
353
- margin-left: 50%
361
+ +ltr-property("margin", 50%, false)
354
362
  &.is-offset-one-third-widescreen
355
- margin-left: 33.3333%
363
+ +ltr-property("margin", 33.3333%, false)
356
364
  &.is-offset-one-quarter-widescreen
357
- margin-left: 25%
365
+ +ltr-property("margin", 25%, false)
358
366
  &.is-offset-one-fifth-widescreen
359
- margin-left: 20%
367
+ +ltr-property("margin", 20%, false)
360
368
  &.is-offset-two-fifths-widescreen
361
- margin-left: 40%
369
+ +ltr-property("margin", 40%, false)
362
370
  &.is-offset-three-fifths-widescreen
363
- margin-left: 60%
371
+ +ltr-property("margin", 60%, false)
364
372
  &.is-offset-four-fifths-widescreen
365
- margin-left: 80%
373
+ +ltr-property("margin", 80%, false)
366
374
  @for $i from 0 through 12
367
375
  &.is-#{$i}-widescreen
368
376
  flex: none
369
- width: percentage($i / 12)
377
+ width: percentage(divide($i, 12))
370
378
  &.is-offset-#{$i}-widescreen
371
- margin-left: percentage($i / 12)
379
+ +ltr-property("margin", percentage(divide($i, 12)), false)
372
380
  +fullhd
373
381
  &.is-narrow-fullhd
374
382
  flex: none
383
+ width: unset
375
384
  &.is-full-fullhd
376
385
  flex: none
377
386
  width: 100%
@@ -403,33 +412,33 @@ $column-gap: 0.75rem !default
403
412
  flex: none
404
413
  width: 80%
405
414
  &.is-offset-three-quarters-fullhd
406
- margin-left: 75%
415
+ +ltr-property("margin", 75%, false)
407
416
  &.is-offset-two-thirds-fullhd
408
- margin-left: 66.6666%
417
+ +ltr-property("margin", 66.6666%, false)
409
418
  &.is-offset-half-fullhd
410
- margin-left: 50%
419
+ +ltr-property("margin", 50%, false)
411
420
  &.is-offset-one-third-fullhd
412
- margin-left: 33.3333%
421
+ +ltr-property("margin", 33.3333%, false)
413
422
  &.is-offset-one-quarter-fullhd
414
- margin-left: 25%
423
+ +ltr-property("margin", 25%, false)
415
424
  &.is-offset-one-fifth-fullhd
416
- margin-left: 20%
425
+ +ltr-property("margin", 20%, false)
417
426
  &.is-offset-two-fifths-fullhd
418
- margin-left: 40%
427
+ +ltr-property("margin", 40%, false)
419
428
  &.is-offset-three-fifths-fullhd
420
- margin-left: 60%
429
+ +ltr-property("margin", 60%, false)
421
430
  &.is-offset-four-fifths-fullhd
422
- margin-left: 80%
431
+ +ltr-property("margin", 80%, false)
423
432
  @for $i from 0 through 12
424
433
  &.is-#{$i}-fullhd
425
434
  flex: none
426
- width: percentage($i / 12)
435
+ width: percentage(divide($i, 12))
427
436
  &.is-offset-#{$i}-fullhd
428
- margin-left: percentage($i / 12)
437
+ +ltr-property("margin", percentage(divide($i, 12)), false)
429
438
 
430
439
  .columns
431
- margin-left: (-$column-gap)
432
- margin-right: (-$column-gap)
440
+ +ltr-property("margin", (-$column-gap), false)
441
+ +ltr-property("margin", (-$column-gap))
433
442
  margin-top: (-$column-gap)
434
443
  &:last-child
435
444
  margin-bottom: (-$column-gap)
@@ -439,8 +448,8 @@ $column-gap: 0.75rem !default
439
448
  &.is-centered
440
449
  justify-content: center
441
450
  &.is-gapless
442
- margin-left: 0
443
- margin-right: 0
451
+ +ltr-property("margin", 0, false)
452
+ +ltr-property("margin", 0)
444
453
  margin-top: 0
445
454
  & > .column
446
455
  margin: 0
@@ -467,9 +476,9 @@ $column-gap: 0.75rem !default
467
476
  @if $variable-columns
468
477
  .columns.is-variable
469
478
  --columnGap: 0.75rem
470
- margin-left: calc(-1 * var(--columnGap))
471
- margin-right: calc(-1 * var(--columnGap))
472
- .column
479
+ +ltr-property("margin", calc(-1 * var(--columnGap)), false)
480
+ +ltr-property("margin", calc(-1 * var(--columnGap)))
481
+ > .column
473
482
  padding-left: var(--columnGap)
474
483
  padding-right: var(--columnGap)
475
484
  @for $i from 0 through 8
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $tile-spacing: 0.75rem !default
2
4
 
3
5
  .tile
@@ -31,4 +33,4 @@ $tile-spacing: 0.75rem !default
31
33
  @for $i from 1 through 12
32
34
  &.is-#{$i}
33
35
  flex: none
34
- width: ($i / 12) * 100%
36
+ width: (divide($i, 12)) * 100%
@@ -1,12 +1,12 @@
1
1
  /* Bulma Helpers */
2
2
  @charset "utf-8"
3
3
 
4
- @import "color.sass"
5
- @import "flexbox.sass"
6
- @import "float.sass"
7
- @import "other.sass"
8
- @import "overflow.sass"
9
- @import "position.sass"
10
- @import "spacing.sass"
11
- @import "typography.sass"
12
- @import "visibility.sass"
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,3 +1,5 @@
1
+ @import "../utilities/derived-variables"
2
+
1
3
  @each $name, $pair in $colors
2
4
  $color: nth($pair, 1)
3
5
  .has-text-#{$name}
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .is-clearfix
2
4
  +clearfix
3
5
 
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .is-radiusless
2
4
  border-radius: 0 !important
3
5
 
@@ -6,6 +8,7 @@
6
8
 
7
9
  .is-clickable
8
10
  cursor: pointer !important
11
+ pointer-events: all !important
9
12
 
10
13
  .is-unselectable
11
14
  @extend %unselectable
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  .is-overlay
2
4
  @extend %overlay
3
5
 
@@ -8,7 +8,7 @@ $spacing-shortcuts: ("margin": "m", "padding": "p") !default
8
8
  $spacing-directions: ("top": "t", "right": "r", "bottom": "b", "left": "l") !default
9
9
  $spacing-horizontal: "x" !default
10
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) !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
12
 
13
13
  @each $property, $shortcut in $spacing-shortcuts
14
14
  @each $name, $value in $spacing-values
@@ -1,3 +1,5 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  =typography-size($target:'')
2
4
  @each $size in $sizes
3
5
  $i: index($sizes, $size)
@@ -70,6 +72,9 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
70
72
 
71
73
  .is-italic
72
74
  font-style: italic !important
75
+
76
+ .is-underlined
77
+ text-decoration: underline !important
73
78
 
74
79
  .has-text-weight-light
75
80
  font-weight: $weight-light !important
@@ -1,4 +1,4 @@
1
-
1
+ @import "../utilities/mixins"
2
2
 
3
3
  $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
4
4
 
@@ -1,6 +1,6 @@
1
1
  /* Bulma Layout */
2
2
  @charset "utf-8"
3
3
 
4
- @import "hero.sass"
5
- @import "section.sass"
6
- @import "footer.sass"
4
+ @import "hero"
5
+ @import "section"
6
+ @import "footer"
@@ -1,3 +1,5 @@
1
+ @import "../utilities/derived-variables"
2
+
1
3
  $footer-background-color: $scheme-main-bis !default
2
4
  $footer-color: false !default
3
5
  $footer-padding: 3rem 1.5rem 6rem !default
@@ -1,7 +1,10 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $hero-body-padding: 3rem 1.5rem !default
4
+ $hero-body-padding-tablet: 3rem 3rem !default
2
5
  $hero-body-padding-small: 1.5rem !default
3
- $hero-body-padding-medium: 9rem 1.5rem !default
4
- $hero-body-padding-large: 18rem 1.5rem !default
6
+ $hero-body-padding-medium: 9rem 4.5rem !default
7
+ $hero-body-padding-large: 18rem 6rem !default
5
8
 
6
9
  $hero-colors: $colors !default
7
10
 
@@ -53,6 +56,7 @@ $hero-colors: $colors !default
53
56
  opacity: 1
54
57
  li
55
58
  &.is-active a
59
+ color: $color !important
56
60
  opacity: 1
57
61
  &.is-boxed,
58
62
  &.is-toggle
@@ -145,3 +149,5 @@ $hero-colors: $colors !default
145
149
  flex-grow: 1
146
150
  flex-shrink: 0
147
151
  padding: $hero-body-padding
152
+ +tablet
153
+ padding: $hero-body-padding-tablet
@@ -1,11 +1,15 @@
1
+ @import "../utilities/mixins"
2
+
1
3
  $section-padding: 3rem 1.5rem !default
2
- $section-padding-medium: 9rem 1.5rem !default
3
- $section-padding-large: 18rem 1.5rem !default
4
+ $section-padding-desktop: 3rem 3rem !default
5
+ $section-padding-medium: 9rem 4.5rem !default
6
+ $section-padding-large: 18rem 6rem !default
4
7
 
5
8
  .section
6
9
  padding: $section-padding
7
10
  // Responsiveness
8
11
  +desktop
12
+ padding: $section-padding-desktop
9
13
  // Sizes
10
14
  &.is-medium
11
15
  padding: $section-padding-medium
@@ -1,9 +1,9 @@
1
1
  /* Bulma Utilities */
2
2
  @charset "utf-8"
3
3
 
4
- @import "initial-variables.sass"
5
- @import "functions.sass"
6
- @import "derived-variables.sass"
7
- @import "animations.sass"
8
- @import "mixins.sass"
9
- @import "controls.sass"
4
+ @import "initial-variables"
5
+ @import "functions"
6
+ @import "derived-variables"
7
+ @import "mixins"
8
+ @import "controls"
9
+ @import "extends"
@@ -1,5 +1 @@
1
- @keyframes spinAround
2
- from
3
- transform: rotate(0deg)
4
- to
5
- transform: rotate(359deg)
1
+ @warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead."
@@ -1,3 +1,5 @@
1
+ @import "derived-variables"
2
+
1
3
  $control-radius: $radius !default
2
4
  $control-radius-small: $radius-small !default
3
5
 
@@ -37,9 +39,6 @@ $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
37
39
  fieldset[disabled] &
38
40
  cursor: not-allowed
39
41
 
40
- %control
41
- +control
42
-
43
42
  // The controls sizes use mixins so they can be used at different breakpoints
44
43
  =control-small
45
44
  border-radius: $control-radius-small
@@ -1,3 +1,6 @@
1
+ @import "initial-variables"
2
+ @import "functions"
3
+
1
4
  $primary: $turquoise !default
2
5
 
3
6
  $info: $cyan !default
@@ -96,6 +99,10 @@ $size-normal: $size-6 !default
96
99
  $size-medium: $size-5 !default
97
100
  $size-large: $size-4 !default
98
101
 
102
+ // Effects
103
+
104
+ $shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
105
+
99
106
  // Lists and maps
100
107
  $custom-colors: null !default
101
108
  $custom-shades: null !default
@@ -0,0 +1,25 @@
1
+ @import "mixins"
2
+
3
+ %control
4
+ +control
5
+
6
+ %unselectable
7
+ +unselectable
8
+
9
+ %arrow
10
+ +arrow
11
+
12
+ %block
13
+ +block
14
+
15
+ %delete
16
+ +delete
17
+
18
+ %loader
19
+ +loader
20
+
21
+ %overlay
22
+ +overlay
23
+
24
+ %reset
25
+ +reset