mere-blog-theme 0.4 → 1.0

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 (185) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +46 -22
  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 +51 -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 +13 -0
  22. data/node_modules/bulma/LICENSE +1 -1
  23. data/node_modules/bulma/README.md +72 -57
  24. data/node_modules/bulma/bulma.scss +4 -0
  25. data/node_modules/bulma/css/bulma.css +18892 -8672
  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 +42 -62
  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 +86 -106
  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 +14 -6
  119. data/package.json +1 -1
  120. metadata +116 -99
  121. data/node_modules/bulma/CHANGELOG.md +0 -1459
  122. data/node_modules/bulma/bulma.sass +0 -10
  123. data/node_modules/bulma/css/bulma-rtl.css +0 -11331
  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 -4
  127. data/node_modules/bulma/sass/base/generic.sass +0 -142
  128. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  129. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  130. data/node_modules/bulma/sass/components/_all.sass +0 -14
  131. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
  132. data/node_modules/bulma/sass/components/card.sass +0 -79
  133. data/node_modules/bulma/sass/components/dropdown.sass +0 -81
  134. data/node_modules/bulma/sass/components/level.sass +0 -77
  135. data/node_modules/bulma/sass/components/media.sass +0 -52
  136. data/node_modules/bulma/sass/components/menu.sass +0 -57
  137. data/node_modules/bulma/sass/components/message.sass +0 -99
  138. data/node_modules/bulma/sass/components/modal.sass +0 -113
  139. data/node_modules/bulma/sass/components/navbar.sass +0 -441
  140. data/node_modules/bulma/sass/components/pagination.sass +0 -150
  141. data/node_modules/bulma/sass/components/panel.sass +0 -119
  142. data/node_modules/bulma/sass/components/tabs.sass +0 -174
  143. data/node_modules/bulma/sass/elements/_all.sass +0 -15
  144. data/node_modules/bulma/sass/elements/box.sass +0 -24
  145. data/node_modules/bulma/sass/elements/button.sass +0 -323
  146. data/node_modules/bulma/sass/elements/container.sass +0 -24
  147. data/node_modules/bulma/sass/elements/content.sass +0 -155
  148. data/node_modules/bulma/sass/elements/form.sass +0 -1
  149. data/node_modules/bulma/sass/elements/icon.sass +0 -21
  150. data/node_modules/bulma/sass/elements/image.sass +0 -71
  151. data/node_modules/bulma/sass/elements/notification.sass +0 -48
  152. data/node_modules/bulma/sass/elements/other.sass +0 -39
  153. data/node_modules/bulma/sass/elements/progress.sass +0 -67
  154. data/node_modules/bulma/sass/elements/table.sass +0 -129
  155. data/node_modules/bulma/sass/elements/tag.sass +0 -136
  156. data/node_modules/bulma/sass/elements/title.sass +0 -70
  157. data/node_modules/bulma/sass/form/_all.sass +0 -8
  158. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
  159. data/node_modules/bulma/sass/form/file.sass +0 -180
  160. data/node_modules/bulma/sass/form/input-textarea.sass +0 -64
  161. data/node_modules/bulma/sass/form/select.sass +0 -85
  162. data/node_modules/bulma/sass/form/shared.sass +0 -55
  163. data/node_modules/bulma/sass/form/tools.sass +0 -213
  164. data/node_modules/bulma/sass/grid/_all.sass +0 -4
  165. data/node_modules/bulma/sass/grid/columns.sass +0 -504
  166. data/node_modules/bulma/sass/grid/tiles.sass +0 -34
  167. data/node_modules/bulma/sass/helpers/_all.sass +0 -10
  168. data/node_modules/bulma/sass/helpers/color.sass +0 -37
  169. data/node_modules/bulma/sass/helpers/float.sass +0 -8
  170. data/node_modules/bulma/sass/helpers/other.sass +0 -8
  171. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  172. data/node_modules/bulma/sass/helpers/position.sass +0 -5
  173. data/node_modules/bulma/sass/helpers/spacing.sass +0 -28
  174. data/node_modules/bulma/sass/helpers/typography.sass +0 -98
  175. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  176. data/node_modules/bulma/sass/layout/_all.sass +0 -5
  177. data/node_modules/bulma/sass/layout/footer.sass +0 -9
  178. data/node_modules/bulma/sass/layout/hero.sass +0 -145
  179. data/node_modules/bulma/sass/layout/section.sass +0 -13
  180. data/node_modules/bulma/sass/utilities/_all.sass +0 -8
  181. data/node_modules/bulma/sass/utilities/animations.sass +0 -5
  182. data/node_modules/bulma/sass/utilities/controls.sass +0 -50
  183. data/node_modules/bulma/sass/utilities/functions.sass +0 -115
  184. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -78
  185. data/node_modules/bulma/sass/utilities/mixins.sass +0 -285
@@ -1,113 +0,0 @@
1
- $modal-z: 40 !default
2
-
3
- $modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
4
-
5
- $modal-content-width: 640px !default
6
- $modal-content-margin-mobile: 20px !default
7
- $modal-content-spacing-mobile: 160px !default
8
- $modal-content-spacing-tablet: 40px !default
9
-
10
- $modal-close-dimensions: 40px !default
11
- $modal-close-right: 20px !default
12
- $modal-close-top: 20px !default
13
-
14
- $modal-card-spacing: 40px !default
15
-
16
- $modal-card-head-background-color: $background !default
17
- $modal-card-head-border-bottom: 1px solid $border !default
18
- $modal-card-head-padding: 20px !default
19
- $modal-card-head-radius: $radius-large !default
20
-
21
- $modal-card-title-color: $text-strong !default
22
- $modal-card-title-line-height: 1 !default
23
- $modal-card-title-size: $size-4 !default
24
-
25
- $modal-card-foot-radius: $radius-large !default
26
- $modal-card-foot-border-top: 1px solid $border !default
27
-
28
- $modal-card-body-background-color: $scheme-main !default
29
- $modal-card-body-padding: 20px !default
30
-
31
- .modal
32
- @extend %overlay
33
- align-items: center
34
- display: none
35
- flex-direction: column
36
- justify-content: center
37
- overflow: hidden
38
- position: fixed
39
- z-index: $modal-z
40
- // Modifiers
41
- &.is-active
42
- display: flex
43
-
44
- .modal-background
45
- @extend %overlay
46
- background-color: $modal-background-background-color
47
-
48
- .modal-content,
49
- .modal-card
50
- margin: 0 $modal-content-margin-mobile
51
- max-height: calc(100vh - #{$modal-content-spacing-mobile})
52
- overflow: auto
53
- position: relative
54
- width: 100%
55
- // Responsiveness
56
- +tablet
57
- margin: 0 auto
58
- max-height: calc(100vh - #{$modal-content-spacing-tablet})
59
- width: $modal-content-width
60
-
61
- .modal-close
62
- @extend %delete
63
- background: none
64
- height: $modal-close-dimensions
65
- position: fixed
66
- +ltr-position($modal-close-right)
67
- top: $modal-close-top
68
- width: $modal-close-dimensions
69
-
70
- .modal-card
71
- display: flex
72
- flex-direction: column
73
- max-height: calc(100vh - #{$modal-card-spacing})
74
- overflow: hidden
75
- -ms-overflow-y: visible
76
-
77
- .modal-card-head,
78
- .modal-card-foot
79
- align-items: center
80
- background-color: $modal-card-head-background-color
81
- display: flex
82
- flex-shrink: 0
83
- justify-content: flex-start
84
- padding: $modal-card-head-padding
85
- position: relative
86
-
87
- .modal-card-head
88
- border-bottom: $modal-card-head-border-bottom
89
- border-top-left-radius: $modal-card-head-radius
90
- border-top-right-radius: $modal-card-head-radius
91
-
92
- .modal-card-title
93
- color: $modal-card-title-color
94
- flex-grow: 1
95
- flex-shrink: 0
96
- font-size: $modal-card-title-size
97
- line-height: $modal-card-title-line-height
98
-
99
- .modal-card-foot
100
- border-bottom-left-radius: $modal-card-foot-radius
101
- border-bottom-right-radius: $modal-card-foot-radius
102
- border-top: $modal-card-foot-border-top
103
- .button
104
- &:not(:last-child)
105
- +ltr-property("margin", 0.5em)
106
-
107
- .modal-card-body
108
- +overflow-touch
109
- background-color: $modal-card-body-background-color
110
- flex-grow: 1
111
- flex-shrink: 1
112
- overflow: auto
113
- padding: $modal-card-body-padding
@@ -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
- +ltr-property("margin", auto, false)
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
- +ltr-property("padding", 2.5em)
213
- &::after
214
- @extend %arrow
215
- border-color: $navbar-dropdown-arrow
216
- margin-top: -0.375em
217
- +ltr-position(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
- +ltr-property("margin", auto)
351
- .navbar-end
352
- justify-content: flex-end
353
- +ltr-property("margin", auto, false)
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
- +ltr-position(0, false)
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
- +ltr-property("padding", 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
- +ltr-property("margin", -.75rem, false)
400
- .navbar-menu
401
- +ltr-property("margin", -.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