bulma-clean-theme 0.11 → 0.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +10 -634
  3. data/_includes/head.html +1 -1
  4. data/_includes/header.html +1 -1
  5. data/_includes/image-modal.html +1 -1
  6. data/_includes/notification.html +2 -2
  7. data/_includes/series.html +32 -0
  8. data/_layouts/default.html +2 -2
  9. data/_layouts/post.html +4 -0
  10. data/_layouts/recipe.html +22 -0
  11. data/_posts/2021-10-30-creating-a-post-series.md +59 -0
  12. data/node_modules/.package-lock.json +21 -0
  13. data/node_modules/bulma/CHANGELOG.md +521 -448
  14. data/node_modules/bulma/README.md +5 -2
  15. data/node_modules/bulma/bulma.sass +1 -1
  16. data/node_modules/bulma/css/bulma-rtl.css +778 -591
  17. data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
  18. data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
  19. data/node_modules/bulma/css/bulma.css +621 -434
  20. data/node_modules/bulma/css/bulma.css.map +1 -1
  21. data/node_modules/bulma/css/bulma.min.css +1 -1
  22. data/node_modules/bulma/package.json +28 -54
  23. data/node_modules/bulma/sass/base/_all.sass +3 -2
  24. data/node_modules/{bulma-block-list/node_modules/bulma/sass/utilities → bulma/sass/base}/animations.sass +0 -0
  25. data/node_modules/bulma/sass/base/generic.sass +2 -0
  26. data/node_modules/bulma/sass/components/_all.sass +12 -12
  27. data/node_modules/bulma/sass/components/breadcrumb.sass +2 -0
  28. data/node_modules/bulma/sass/components/card.sass +23 -3
  29. data/node_modules/bulma/sass/components/dropdown.sass +3 -1
  30. data/node_modules/bulma/sass/components/level.sass +3 -1
  31. data/node_modules/bulma/sass/components/media.sass +16 -9
  32. data/node_modules/bulma/sass/components/menu.sass +2 -0
  33. data/node_modules/bulma/sass/components/message.sass +2 -0
  34. data/node_modules/bulma/sass/components/modal.sass +2 -0
  35. data/node_modules/bulma/sass/components/navbar.sass +3 -0
  36. data/node_modules/bulma/sass/components/pagination.sass +19 -3
  37. data/node_modules/bulma/sass/components/panel.sass +3 -1
  38. data/node_modules/bulma/sass/components/tabs.sass +2 -0
  39. data/node_modules/bulma/sass/elements/_all.sass +12 -12
  40. data/node_modules/bulma/sass/elements/box.sass +3 -1
  41. data/node_modules/bulma/sass/elements/button.sass +27 -7
  42. data/node_modules/bulma/sass/elements/container.sass +2 -0
  43. data/node_modules/bulma/sass/elements/content.sass +4 -0
  44. data/node_modules/bulma/sass/elements/icon.sass +25 -0
  45. data/node_modules/bulma/sass/elements/image.sass +2 -0
  46. data/node_modules/bulma/sass/elements/notification.sass +2 -0
  47. data/node_modules/bulma/sass/elements/other.sass +2 -10
  48. data/node_modules/bulma/sass/elements/progress.sass +2 -0
  49. data/node_modules/bulma/sass/elements/table.sass +2 -0
  50. data/node_modules/bulma/sass/elements/tag.sass +2 -0
  51. data/node_modules/bulma/sass/elements/title.sass +2 -2
  52. data/node_modules/bulma/sass/form/_all.sass +6 -6
  53. data/node_modules/bulma/sass/form/file.sass +2 -0
  54. data/node_modules/bulma/sass/form/shared.sass +3 -0
  55. data/node_modules/bulma/sass/grid/_all.sass +2 -2
  56. data/node_modules/bulma/sass/grid/columns.sass +93 -84
  57. data/node_modules/bulma/sass/grid/tiles.sass +3 -1
  58. data/node_modules/bulma/sass/helpers/_all.sass +9 -9
  59. data/node_modules/bulma/sass/helpers/color.sass +2 -0
  60. data/node_modules/bulma/sass/helpers/float.sass +2 -0
  61. data/node_modules/bulma/sass/helpers/other.sass +3 -0
  62. data/node_modules/bulma/sass/helpers/position.sass +2 -0
  63. data/node_modules/bulma/sass/helpers/spacing.sass +1 -1
  64. data/node_modules/bulma/sass/helpers/typography.sass +5 -0
  65. data/node_modules/bulma/sass/helpers/visibility.sass +1 -1
  66. data/node_modules/bulma/sass/layout/_all.sass +3 -3
  67. data/node_modules/bulma/sass/layout/footer.sass +2 -0
  68. data/node_modules/bulma/sass/layout/hero.sass +8 -2
  69. data/node_modules/bulma/sass/layout/section.sass +6 -2
  70. data/node_modules/bulma/sass/utilities/_all.sass +6 -6
  71. data/node_modules/bulma/sass/utilities/animations.sass +1 -5
  72. data/node_modules/bulma/sass/utilities/controls.sass +2 -3
  73. data/node_modules/bulma/sass/utilities/derived-variables.sass +7 -0
  74. data/node_modules/bulma/sass/utilities/extends.sass +25 -0
  75. data/node_modules/bulma/sass/utilities/functions.sass +25 -4
  76. data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -5
  77. data/node_modules/bulma/sass/utilities/mixins.sass +18 -23
  78. data/node_modules/bulma-block-list/.editorconfig +15 -0
  79. data/node_modules/bulma-block-list/.github/FUNDING.yml +12 -0
  80. data/node_modules/bulma-block-list/changelog.txt +20 -0
  81. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  82. data/node_modules/bulma-block-list/docs/_config.yml +2 -0
  83. data/node_modules/bulma-block-list/docs/_data/menu.yaml +5 -1
  84. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +30 -2
  85. data/node_modules/bulma-block-list/docs/index.html +106 -7
  86. data/node_modules/bulma-block-list/package.json +10 -44
  87. data/node_modules/bulma-block-list/src/block-list.scss +30 -2
  88. data/package-lock.json +32 -15
  89. data/package.json +2 -2
  90. metadata +20 -67
  91. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +0 -1390
  92. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +0 -21
  93. data/node_modules/bulma-block-list/node_modules/bulma/README.md +0 -130
  94. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +0 -9
  95. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +0 -10855
  96. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +0 -1
  97. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +0 -1
  98. data/node_modules/bulma-block-list/node_modules/bulma/package.json +0 -77
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +0 -5
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +0 -142
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +0 -281
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +0 -79
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +0 -15
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +0 -79
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +0 -81
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +0 -77
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +0 -39
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +0 -50
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +0 -57
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +0 -99
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +0 -113
  113. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +0 -441
  114. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +0 -150
  115. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +0 -119
  116. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +0 -151
  117. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +0 -15
  118. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +0 -24
  119. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +0 -323
  120. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +0 -24
  121. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +0 -155
  122. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +0 -1
  123. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +0 -21
  124. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +0 -71
  125. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +0 -43
  126. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +0 -39
  127. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +0 -67
  128. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +0 -127
  129. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +0 -128
  130. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +0 -70
  131. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +0 -8
  132. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
  133. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +0 -180
  134. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +0 -64
  135. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +0 -85
  136. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +0 -55
  137. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +0 -205
  138. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +0 -4
  139. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +0 -504
  140. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +0 -34
  141. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +0 -5
  142. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +0 -9
  143. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +0 -145
  144. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +0 -13
  145. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +0 -8
  146. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +0 -50
  147. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +0 -106
  148. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +0 -110
  149. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +0 -77
  150. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +0 -261
@@ -1,441 +0,0 @@
1
- $navbar-background-color: $scheme-main !default
2
- $navbar-box-shadow-size: 0 2px 0 0 !default
3
- $navbar-box-shadow-color: $background !default
4
- $navbar-height: 3.25rem !default
5
- $navbar-padding-vertical: 1rem !default
6
- $navbar-padding-horizontal: 2rem !default
7
- $navbar-z: 30 !default
8
- $navbar-fixed-z: 30 !default
9
-
10
- $navbar-item-color: $text !default
11
- $navbar-item-hover-color: $link !default
12
- $navbar-item-hover-background-color: $scheme-main-bis !default
13
- $navbar-item-active-color: $scheme-invert !default
14
- $navbar-item-active-background-color: transparent !default
15
- $navbar-item-img-max-height: 1.75rem !default
16
-
17
- $navbar-burger-color: $navbar-item-color !default
18
-
19
- $navbar-tab-hover-background-color: transparent !default
20
- $navbar-tab-hover-border-bottom-color: $link !default
21
- $navbar-tab-active-color: $link !default
22
- $navbar-tab-active-background-color: transparent !default
23
- $navbar-tab-active-border-bottom-color: $link !default
24
- $navbar-tab-active-border-bottom-style: solid !default
25
- $navbar-tab-active-border-bottom-width: 3px !default
26
-
27
- $navbar-dropdown-background-color: $scheme-main !default
28
- $navbar-dropdown-border-top: 2px solid $border !default
29
- $navbar-dropdown-offset: -4px !default
30
- $navbar-dropdown-arrow: $link !default
31
- $navbar-dropdown-radius: $radius-large !default
32
- $navbar-dropdown-z: 20 !default
33
-
34
- $navbar-dropdown-boxed-radius: $radius-large !default
35
- $navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
36
-
37
- $navbar-dropdown-item-hover-color: $scheme-invert !default
38
- $navbar-dropdown-item-hover-background-color: $background !default
39
- $navbar-dropdown-item-active-color: $link !default
40
- $navbar-dropdown-item-active-background-color: $background !default
41
-
42
- $navbar-divider-background-color: $background !default
43
- $navbar-divider-height: 2px !default
44
-
45
- $navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
46
-
47
- $navbar-breakpoint: $desktop !default
48
-
49
- =navbar-fixed
50
- left: 0
51
- position: fixed
52
- right: 0
53
- z-index: $navbar-fixed-z
54
-
55
- .navbar
56
- background-color: $navbar-background-color
57
- min-height: $navbar-height
58
- position: relative
59
- z-index: $navbar-z
60
- @each $name, $pair in $colors
61
- $color: nth($pair, 1)
62
- $color-invert: nth($pair, 2)
63
- &.is-#{$name}
64
- background-color: $color
65
- color: $color-invert
66
- .navbar-brand
67
- & > .navbar-item,
68
- .navbar-link
69
- color: $color-invert
70
- & > a.navbar-item,
71
- .navbar-link
72
- &:focus,
73
- &:hover,
74
- &.is-active
75
- background-color: bulmaDarken($color, 5%)
76
- color: $color-invert
77
- .navbar-link
78
- &::after
79
- border-color: $color-invert
80
- .navbar-burger
81
- color: $color-invert
82
- +from($navbar-breakpoint)
83
- .navbar-start,
84
- .navbar-end
85
- & > .navbar-item,
86
- .navbar-link
87
- color: $color-invert
88
- & > a.navbar-item,
89
- .navbar-link
90
- &:focus,
91
- &:hover,
92
- &.is-active
93
- background-color: bulmaDarken($color, 5%)
94
- color: $color-invert
95
- .navbar-link
96
- &::after
97
- border-color: $color-invert
98
- .navbar-item.has-dropdown:focus .navbar-link,
99
- .navbar-item.has-dropdown:hover .navbar-link,
100
- .navbar-item.has-dropdown.is-active .navbar-link
101
- background-color: bulmaDarken($color, 5%)
102
- color: $color-invert
103
- .navbar-dropdown
104
- a.navbar-item
105
- &.is-active
106
- background-color: $color
107
- color: $color-invert
108
- & > .container
109
- align-items: stretch
110
- display: flex
111
- min-height: $navbar-height
112
- width: 100%
113
- &.has-shadow
114
- box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color
115
- &.is-fixed-bottom,
116
- &.is-fixed-top
117
- +navbar-fixed
118
- &.is-fixed-bottom
119
- bottom: 0
120
- &.has-shadow
121
- box-shadow: $navbar-bottom-box-shadow-size $navbar-box-shadow-color
122
- &.is-fixed-top
123
- top: 0
124
-
125
- html,
126
- body
127
- &.has-navbar-fixed-top
128
- padding-top: $navbar-height
129
- &.has-navbar-fixed-bottom
130
- padding-bottom: $navbar-height
131
-
132
- .navbar-brand,
133
- .navbar-tabs
134
- align-items: stretch
135
- display: flex
136
- flex-shrink: 0
137
- min-height: $navbar-height
138
-
139
- .navbar-brand
140
- a.navbar-item
141
- &:focus,
142
- &:hover
143
- background-color: transparent
144
-
145
- .navbar-tabs
146
- +overflow-touch
147
- max-width: 100vw
148
- overflow-x: auto
149
- overflow-y: hidden
150
-
151
- .navbar-burger
152
- color: $navbar-burger-color
153
- +hamburger($navbar-height)
154
- margin-left: auto
155
-
156
- .navbar-menu
157
- display: none
158
-
159
- .navbar-item,
160
- .navbar-link
161
- color: $navbar-item-color
162
- display: block
163
- line-height: 1.5
164
- padding: 0.5rem 0.75rem
165
- position: relative
166
- .icon
167
- &:only-child
168
- margin-left: -0.25rem
169
- margin-right: -0.25rem
170
-
171
- a.navbar-item,
172
- .navbar-link
173
- cursor: pointer
174
- &:focus,
175
- &:focus-within,
176
- &:hover,
177
- &.is-active
178
- background-color: $navbar-item-hover-background-color
179
- color: $navbar-item-hover-color
180
-
181
- .navbar-item
182
- flex-grow: 0
183
- flex-shrink: 0
184
- img
185
- max-height: $navbar-item-img-max-height
186
- &.has-dropdown
187
- padding: 0
188
- &.is-expanded
189
- flex-grow: 1
190
- flex-shrink: 1
191
- &.is-tab
192
- border-bottom: 1px solid transparent
193
- min-height: $navbar-height
194
- padding-bottom: calc(0.5rem - 1px)
195
- &:focus,
196
- &:hover
197
- background-color: $navbar-tab-hover-background-color
198
- border-bottom-color: $navbar-tab-hover-border-bottom-color
199
- &.is-active
200
- background-color: $navbar-tab-active-background-color
201
- border-bottom-color: $navbar-tab-active-border-bottom-color
202
- border-bottom-style: $navbar-tab-active-border-bottom-style
203
- border-bottom-width: $navbar-tab-active-border-bottom-width
204
- color: $navbar-tab-active-color
205
- padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width})
206
-
207
- .navbar-content
208
- flex-grow: 1
209
- flex-shrink: 1
210
-
211
- .navbar-link:not(.is-arrowless)
212
- padding-right: 2.5em
213
- &::after
214
- @extend %arrow
215
- border-color: $navbar-dropdown-arrow
216
- margin-top: -0.375em
217
- right: 1.125em
218
-
219
- .navbar-dropdown
220
- font-size: 0.875rem
221
- padding-bottom: 0.5rem
222
- padding-top: 0.5rem
223
- .navbar-item
224
- padding-left: 1.5rem
225
- padding-right: 1.5rem
226
-
227
- .navbar-divider
228
- background-color: $navbar-divider-background-color
229
- border: none
230
- display: none
231
- height: $navbar-divider-height
232
- margin: 0.5rem 0
233
-
234
- +until($navbar-breakpoint)
235
- .navbar > .container
236
- display: block
237
- .navbar-brand,
238
- .navbar-tabs
239
- .navbar-item
240
- align-items: center
241
- display: flex
242
- .navbar-link
243
- &::after
244
- display: none
245
- .navbar-menu
246
- background-color: $navbar-background-color
247
- box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
248
- padding: 0.5rem 0
249
- &.is-active
250
- display: block
251
- // Fixed navbar
252
- .navbar
253
- &.is-fixed-bottom-touch,
254
- &.is-fixed-top-touch
255
- +navbar-fixed
256
- &.is-fixed-bottom-touch
257
- bottom: 0
258
- &.has-shadow
259
- box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
260
- &.is-fixed-top-touch
261
- top: 0
262
- &.is-fixed-top,
263
- &.is-fixed-top-touch
264
- .navbar-menu
265
- +overflow-touch
266
- max-height: calc(100vh - #{$navbar-height})
267
- overflow: auto
268
- html,
269
- body
270
- &.has-navbar-fixed-top-touch
271
- padding-top: $navbar-height
272
- &.has-navbar-fixed-bottom-touch
273
- padding-bottom: $navbar-height
274
-
275
- +from($navbar-breakpoint)
276
- .navbar,
277
- .navbar-menu,
278
- .navbar-start,
279
- .navbar-end
280
- align-items: stretch
281
- display: flex
282
- .navbar
283
- min-height: $navbar-height
284
- &.is-spaced
285
- padding: $navbar-padding-vertical $navbar-padding-horizontal
286
- .navbar-start,
287
- .navbar-end
288
- align-items: center
289
- a.navbar-item,
290
- .navbar-link
291
- border-radius: $radius
292
- &.is-transparent
293
- a.navbar-item,
294
- .navbar-link
295
- &:focus,
296
- &:hover,
297
- &.is-active
298
- background-color: transparent !important
299
- .navbar-item.has-dropdown
300
- &.is-active,
301
- &.is-hoverable:focus,
302
- &.is-hoverable:focus-within,
303
- &.is-hoverable:hover
304
- .navbar-link
305
- background-color: transparent !important
306
- .navbar-dropdown
307
- a.navbar-item
308
- &:focus,
309
- &:hover
310
- background-color: $navbar-dropdown-item-hover-background-color
311
- color: $navbar-dropdown-item-hover-color
312
- &.is-active
313
- background-color: $navbar-dropdown-item-active-background-color
314
- color: $navbar-dropdown-item-active-color
315
- .navbar-burger
316
- display: none
317
- .navbar-item,
318
- .navbar-link
319
- align-items: center
320
- display: flex
321
- .navbar-item
322
- &.has-dropdown
323
- align-items: stretch
324
- &.has-dropdown-up
325
- .navbar-link::after
326
- transform: rotate(135deg) translate(0.25em, -0.25em)
327
- .navbar-dropdown
328
- border-bottom: $navbar-dropdown-border-top
329
- border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
330
- border-top: none
331
- bottom: 100%
332
- box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
333
- top: auto
334
- &.is-active,
335
- &.is-hoverable:focus,
336
- &.is-hoverable:focus-within,
337
- &.is-hoverable:hover
338
- .navbar-dropdown
339
- display: block
340
- .navbar.is-spaced &,
341
- &.is-boxed
342
- opacity: 1
343
- pointer-events: auto
344
- transform: translateY(0)
345
- .navbar-menu
346
- flex-grow: 1
347
- flex-shrink: 0
348
- .navbar-start
349
- justify-content: flex-start
350
- margin-right: auto
351
- .navbar-end
352
- justify-content: flex-end
353
- margin-left: auto
354
- .navbar-dropdown
355
- background-color: $navbar-dropdown-background-color
356
- border-bottom-left-radius: $navbar-dropdown-radius
357
- border-bottom-right-radius: $navbar-dropdown-radius
358
- border-top: $navbar-dropdown-border-top
359
- box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
360
- display: none
361
- font-size: 0.875rem
362
- left: 0
363
- min-width: 100%
364
- position: absolute
365
- top: 100%
366
- z-index: $navbar-dropdown-z
367
- .navbar-item
368
- padding: 0.375rem 1rem
369
- white-space: nowrap
370
- a.navbar-item
371
- padding-right: 3rem
372
- &:focus,
373
- &:hover
374
- background-color: $navbar-dropdown-item-hover-background-color
375
- color: $navbar-dropdown-item-hover-color
376
- &.is-active
377
- background-color: $navbar-dropdown-item-active-background-color
378
- color: $navbar-dropdown-item-active-color
379
- .navbar.is-spaced &,
380
- &.is-boxed
381
- border-radius: $navbar-dropdown-boxed-radius
382
- border-top: none
383
- box-shadow: $navbar-dropdown-boxed-shadow
384
- display: block
385
- opacity: 0
386
- pointer-events: none
387
- top: calc(100% + (#{$navbar-dropdown-offset}))
388
- transform: translateY(-5px)
389
- transition-duration: $speed
390
- transition-property: opacity, transform
391
- &.is-right
392
- left: auto
393
- right: 0
394
- .navbar-divider
395
- display: block
396
- .navbar > .container,
397
- .container > .navbar
398
- .navbar-brand
399
- margin-left: -.75rem
400
- .navbar-menu
401
- margin-right: -.75rem
402
- // Fixed navbar
403
- .navbar
404
- &.is-fixed-bottom-desktop,
405
- &.is-fixed-top-desktop
406
- +navbar-fixed
407
- &.is-fixed-bottom-desktop
408
- bottom: 0
409
- &.has-shadow
410
- box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
411
- &.is-fixed-top-desktop
412
- top: 0
413
- html,
414
- body
415
- &.has-navbar-fixed-top-desktop
416
- padding-top: $navbar-height
417
- &.has-navbar-fixed-bottom-desktop
418
- padding-bottom: $navbar-height
419
- &.has-spaced-navbar-fixed-top
420
- padding-top: $navbar-height + ($navbar-padding-vertical * 2)
421
- &.has-spaced-navbar-fixed-bottom
422
- padding-bottom: $navbar-height + ($navbar-padding-vertical * 2)
423
- // Hover/Active states
424
- a.navbar-item,
425
- .navbar-link
426
- &.is-active
427
- color: $navbar-item-active-color
428
- &.is-active:not(:focus):not(:hover)
429
- background-color: $navbar-item-active-background-color
430
- .navbar-item.has-dropdown
431
- &:focus,
432
- &:hover,
433
- &.is-active
434
- .navbar-link
435
- background-color: $navbar-item-hover-background-color
436
-
437
- // Combination
438
-
439
- .hero
440
- &.is-fullheight-with-navbar
441
- min-height: calc(100vh - #{$navbar-height})
@@ -1,150 +0,0 @@
1
- $pagination-color: $text-strong !default
2
- $pagination-border-color: $border !default
3
- $pagination-margin: -0.25rem !default
4
- $pagination-min-width: $control-height !default
5
-
6
- $pagination-item-font-size: 1em !default
7
- $pagination-item-margin: 0.25rem !default
8
- $pagination-item-padding-left: 0.5em !default
9
- $pagination-item-padding-right: 0.5em !default
10
-
11
- $pagination-hover-color: $link-hover !default
12
- $pagination-hover-border-color: $link-hover-border !default
13
-
14
- $pagination-focus-color: $link-focus !default
15
- $pagination-focus-border-color: $link-focus-border !default
16
-
17
- $pagination-active-color: $link-active !default
18
- $pagination-active-border-color: $link-active-border !default
19
-
20
- $pagination-disabled-color: $text-light !default
21
- $pagination-disabled-background-color: $border !default
22
- $pagination-disabled-border-color: $border !default
23
-
24
- $pagination-current-color: $link-invert !default
25
- $pagination-current-background-color: $link !default
26
- $pagination-current-border-color: $link !default
27
-
28
- $pagination-ellipsis-color: $grey-light !default
29
-
30
- $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2)
31
-
32
- .pagination
33
- @extend %block
34
- font-size: $size-normal
35
- margin: $pagination-margin
36
- // Sizes
37
- &.is-small
38
- font-size: $size-small
39
- &.is-medium
40
- font-size: $size-medium
41
- &.is-large
42
- font-size: $size-large
43
- &.is-rounded
44
- .pagination-previous,
45
- .pagination-next
46
- padding-left: 1em
47
- padding-right: 1em
48
- border-radius: $radius-rounded
49
- .pagination-link
50
- border-radius: $radius-rounded
51
-
52
- .pagination,
53
- .pagination-list
54
- align-items: center
55
- display: flex
56
- justify-content: center
57
- text-align: center
58
-
59
- .pagination-previous,
60
- .pagination-next,
61
- .pagination-link,
62
- .pagination-ellipsis
63
- @extend %control
64
- @extend %unselectable
65
- font-size: $pagination-item-font-size
66
- justify-content: center
67
- margin: $pagination-item-margin
68
- padding-left: $pagination-item-padding-left
69
- padding-right: $pagination-item-padding-right
70
- text-align: center
71
-
72
- .pagination-previous,
73
- .pagination-next,
74
- .pagination-link
75
- border-color: $pagination-border-color
76
- color: $pagination-color
77
- min-width: $pagination-min-width
78
- &:hover
79
- border-color: $pagination-hover-border-color
80
- color: $pagination-hover-color
81
- &:focus
82
- border-color: $pagination-focus-border-color
83
- &:active
84
- box-shadow: $pagination-shadow-inset
85
- &[disabled]
86
- background-color: $pagination-disabled-background-color
87
- border-color: $pagination-disabled-border-color
88
- box-shadow: none
89
- color: $pagination-disabled-color
90
- opacity: 0.5
91
-
92
- .pagination-previous,
93
- .pagination-next
94
- padding-left: 0.75em
95
- padding-right: 0.75em
96
- white-space: nowrap
97
-
98
- .pagination-link
99
- &.is-current
100
- background-color: $pagination-current-background-color
101
- border-color: $pagination-current-border-color
102
- color: $pagination-current-color
103
-
104
- .pagination-ellipsis
105
- color: $pagination-ellipsis-color
106
- pointer-events: none
107
-
108
- .pagination-list
109
- flex-wrap: wrap
110
-
111
- +mobile
112
- .pagination
113
- flex-wrap: wrap
114
- .pagination-previous,
115
- .pagination-next
116
- flex-grow: 1
117
- flex-shrink: 1
118
- .pagination-list
119
- li
120
- flex-grow: 1
121
- flex-shrink: 1
122
-
123
- +tablet
124
- .pagination-list
125
- flex-grow: 1
126
- flex-shrink: 1
127
- justify-content: flex-start
128
- order: 1
129
- .pagination-previous
130
- order: 2
131
- .pagination-next
132
- order: 3
133
- .pagination
134
- justify-content: space-between
135
- &.is-centered
136
- .pagination-previous
137
- order: 1
138
- .pagination-list
139
- justify-content: center
140
- order: 2
141
- .pagination-next
142
- order: 3
143
- &.is-right
144
- .pagination-previous
145
- order: 1
146
- .pagination-next
147
- order: 2
148
- .pagination-list
149
- justify-content: flex-end
150
- order: 3
@@ -1,119 +0,0 @@
1
- $panel-margin: $block-spacing !default
2
- $panel-item-border: 1px solid $border-light !default
3
- $panel-radius: $radius-large !default
4
- $panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
5
-
6
- $panel-heading-background-color: $border-light !default
7
- $panel-heading-color: $text-strong !default
8
- $panel-heading-line-height: 1.25 !default
9
- $panel-heading-padding: 0.75em 1em !default
10
- $panel-heading-radius: $radius !default
11
- $panel-heading-size: 1.25em !default
12
- $panel-heading-weight: $weight-bold !default
13
-
14
- $panel-tabs-font-size: 0.875em !default
15
- $panel-tab-border-bottom: 1px solid $border !default
16
- $panel-tab-active-border-bottom-color: $link-active-border !default
17
- $panel-tab-active-color: $link-active !default
18
-
19
- $panel-list-item-color: $text !default
20
- $panel-list-item-hover-color: $link !default
21
-
22
- $panel-block-color: $text-strong !default
23
- $panel-block-hover-background-color: $background !default
24
- $panel-block-active-border-left-color: $link !default
25
- $panel-block-active-color: $link-active !default
26
- $panel-block-active-icon-color: $link !default
27
-
28
- $panel-icon-color: $text-light !default
29
- $panel-colors: $colors !default
30
-
31
- .panel
32
- border-radius: $panel-radius
33
- box-shadow: $panel-shadow
34
- font-size: $size-normal
35
- &:not(:last-child)
36
- margin-bottom: $panel-margin
37
- // Colors
38
- @each $name, $components in $panel-colors
39
- $color: nth($components, 1)
40
- $color-invert: nth($components, 2)
41
- &.is-#{$name}
42
- .panel-heading
43
- background-color: $color
44
- color: $color-invert
45
- .panel-tabs a.is-active
46
- border-bottom-color: $color
47
- .panel-block.is-active .panel-icon
48
- color: $color
49
-
50
- .panel-tabs,
51
- .panel-block
52
- &:not(:last-child)
53
- border-bottom: $panel-item-border
54
-
55
- .panel-heading
56
- background-color: $panel-heading-background-color
57
- border-radius: $panel-radius $panel-radius 0 0
58
- color: $panel-heading-color
59
- font-size: $panel-heading-size
60
- font-weight: $panel-heading-weight
61
- line-height: $panel-heading-line-height
62
- padding: $panel-heading-padding
63
-
64
- .panel-tabs
65
- align-items: flex-end
66
- display: flex
67
- font-size: $panel-tabs-font-size
68
- justify-content: center
69
- a
70
- border-bottom: $panel-tab-border-bottom
71
- margin-bottom: -1px
72
- padding: 0.5em
73
- // Modifiers
74
- &.is-active
75
- border-bottom-color: $panel-tab-active-border-bottom-color
76
- color: $panel-tab-active-color
77
-
78
- .panel-list
79
- a
80
- color: $panel-list-item-color
81
- &:hover
82
- color: $panel-list-item-hover-color
83
-
84
- .panel-block
85
- align-items: center
86
- color: $panel-block-color
87
- display: flex
88
- justify-content: flex-start
89
- padding: 0.5em 0.75em
90
- input[type="checkbox"]
91
- margin-right: 0.75em
92
- & > .control
93
- flex-grow: 1
94
- flex-shrink: 1
95
- width: 100%
96
- &.is-wrapped
97
- flex-wrap: wrap
98
- &.is-active
99
- border-left-color: $panel-block-active-border-left-color
100
- color: $panel-block-active-color
101
- .panel-icon
102
- color: $panel-block-active-icon-color
103
- &:last-child
104
- border-bottom-left-radius: $panel-radius
105
- border-bottom-right-radius: $panel-radius
106
-
107
- a.panel-block,
108
- label.panel-block
109
- cursor: pointer
110
- &:hover
111
- background-color: $panel-block-hover-background-color
112
-
113
- .panel-icon
114
- +fa(14px, 1em)
115
- color: $panel-icon-color
116
- margin-right: 0.75em
117
- .fa
118
- font-size: inherit
119
- line-height: inherit