mere-blog-theme 0.1.0

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