mere-blog-theme 0.5 → 1.0.1

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