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,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
- +ltr-property("margin", 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
- +ltr-property("margin", 0.75em)
117
- .fa
118
- font-size: inherit
119
- line-height: inherit
@@ -1,174 +0,0 @@
1
- $tabs-border-bottom-color: $border !default
2
- $tabs-border-bottom-style: solid !default
3
- $tabs-border-bottom-width: 1px !default
4
- $tabs-link-color: $text !default
5
- $tabs-link-hover-border-bottom-color: $text-strong !default
6
- $tabs-link-hover-color: $text-strong !default
7
- $tabs-link-active-border-bottom-color: $link !default
8
- $tabs-link-active-color: $link !default
9
- $tabs-link-padding: 0.5em 1em !default
10
-
11
- $tabs-boxed-link-radius: $radius !default
12
- $tabs-boxed-link-hover-background-color: $background !default
13
- $tabs-boxed-link-hover-border-bottom-color: $border !default
14
-
15
- $tabs-boxed-link-active-background-color: $scheme-main !default
16
- $tabs-boxed-link-active-border-color: $border !default
17
- $tabs-boxed-link-active-border-bottom-color: transparent !default
18
-
19
- $tabs-toggle-link-border-color: $border !default
20
- $tabs-toggle-link-border-style: solid !default
21
- $tabs-toggle-link-border-width: 1px !default
22
- $tabs-toggle-link-hover-background-color: $background !default
23
- $tabs-toggle-link-hover-border-color: $border-hover !default
24
- $tabs-toggle-link-radius: $radius !default
25
- $tabs-toggle-link-active-background-color: $link !default
26
- $tabs-toggle-link-active-border-color: $link !default
27
- $tabs-toggle-link-active-color: $link-invert !default
28
-
29
- .tabs
30
- @extend %block
31
- +overflow-touch
32
- @extend %unselectable
33
- align-items: stretch
34
- display: flex
35
- font-size: $size-normal
36
- justify-content: space-between
37
- overflow: hidden
38
- overflow-x: auto
39
- white-space: nowrap
40
- a
41
- align-items: center
42
- border-bottom-color: $tabs-border-bottom-color
43
- border-bottom-style: $tabs-border-bottom-style
44
- border-bottom-width: $tabs-border-bottom-width
45
- color: $tabs-link-color
46
- display: flex
47
- justify-content: center
48
- margin-bottom: -#{$tabs-border-bottom-width}
49
- padding: $tabs-link-padding
50
- vertical-align: top
51
- &:hover
52
- border-bottom-color: $tabs-link-hover-border-bottom-color
53
- color: $tabs-link-hover-color
54
- li
55
- display: block
56
- &.is-active
57
- a
58
- border-bottom-color: $tabs-link-active-border-bottom-color
59
- color: $tabs-link-active-color
60
- ul
61
- align-items: center
62
- border-bottom-color: $tabs-border-bottom-color
63
- border-bottom-style: $tabs-border-bottom-style
64
- border-bottom-width: $tabs-border-bottom-width
65
- display: flex
66
- flex-grow: 1
67
- flex-shrink: 0
68
- justify-content: flex-start
69
- &.is-left
70
- padding-right: 0.75em
71
- &.is-center
72
- flex: none
73
- justify-content: center
74
- padding-left: 0.75em
75
- padding-right: 0.75em
76
- &.is-right
77
- justify-content: flex-end
78
- padding-left: 0.75em
79
- .icon
80
- &:first-child
81
- +ltr-property("margin", 0.5em)
82
- &:last-child
83
- +ltr-property("margin", 0.5em, false)
84
- // Alignment
85
- &.is-centered
86
- ul
87
- justify-content: center
88
- &.is-right
89
- ul
90
- justify-content: flex-end
91
- // Styles
92
- &.is-boxed
93
- a
94
- border: 1px solid transparent
95
- +ltr
96
- border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
97
- +rtl
98
- border-radius: 0 0 $tabs-boxed-link-radius $tabs-boxed-link-radius
99
- &:hover
100
- background-color: $tabs-boxed-link-hover-background-color
101
- border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
102
- li
103
- &.is-active
104
- a
105
- background-color: $tabs-boxed-link-active-background-color
106
- border-color: $tabs-boxed-link-active-border-color
107
- border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
108
- &.is-fullwidth
109
- li
110
- flex-grow: 1
111
- flex-shrink: 0
112
- &.is-toggle
113
- a
114
- border-color: $tabs-toggle-link-border-color
115
- border-style: $tabs-toggle-link-border-style
116
- border-width: $tabs-toggle-link-border-width
117
- margin-bottom: 0
118
- position: relative
119
- &:hover
120
- background-color: $tabs-toggle-link-hover-background-color
121
- border-color: $tabs-toggle-link-hover-border-color
122
- z-index: 2
123
- li
124
- & + li
125
- +ltr-property("margin", -#{$tabs-toggle-link-border-width}, false)
126
- &:first-child a
127
- +ltr
128
- border-top-left-radius: $tabs-toggle-link-radius
129
- border-bottom-left-radius: $tabs-toggle-link-radius
130
- +rtl
131
- border-top-right-radius: $tabs-toggle-link-radius
132
- border-bottom-right-radius: $tabs-toggle-link-radius
133
- &:last-child a
134
- +ltr
135
- border-top-right-radius: $tabs-toggle-link-radius
136
- border-bottom-right-radius: $tabs-toggle-link-radius
137
- +rtl
138
- border-top-left-radius: $tabs-toggle-link-radius
139
- border-bottom-left-radius: $tabs-toggle-link-radius
140
- &.is-active
141
- a
142
- background-color: $tabs-toggle-link-active-background-color
143
- border-color: $tabs-toggle-link-active-border-color
144
- color: $tabs-toggle-link-active-color
145
- z-index: 1
146
- ul
147
- border-bottom: none
148
- &.is-toggle-rounded
149
- li
150
- &:first-child a
151
- +ltr
152
- border-bottom-left-radius: $radius-rounded
153
- border-top-left-radius: $radius-rounded
154
- padding-left: 1.25em
155
- +rtl
156
- border-bottom-right-radius: $radius-rounded
157
- border-top-right-radius: $radius-rounded
158
- padding-right: 1.25em
159
- &:last-child a
160
- +ltr
161
- border-bottom-right-radius: $radius-rounded
162
- border-top-right-radius: $radius-rounded
163
- padding-right: 1.25em
164
- +rtl
165
- border-bottom-left-radius: $radius-rounded
166
- border-top-left-radius: $radius-rounded
167
- padding-left: 1.25em
168
- // Sizes
169
- &.is-small
170
- font-size: $size-small
171
- &.is-medium
172
- font-size: $size-medium
173
- &.is-large
174
- font-size: $size-large
@@ -1,15 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import "box.sass"
4
- @import "button.sass"
5
- @import "container.sass"
6
- @import "content.sass"
7
- @import "icon.sass"
8
- @import "image.sass"
9
- @import "notification.sass"
10
- @import "progress.sass"
11
- @import "table.sass"
12
- @import "tag.sass"
13
- @import "title.sass"
14
-
15
- @import "other.sass"
@@ -1,24 +0,0 @@
1
- $box-color: $text !default
2
- $box-background-color: $scheme-main !default
3
- $box-radius: $radius-large !default
4
- $box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
5
- $box-padding: 1.25rem !default
6
-
7
- $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default
8
- $box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
9
-
10
- .box
11
- @extend %block
12
- background-color: $box-background-color
13
- border-radius: $box-radius
14
- box-shadow: $box-shadow
15
- color: $box-color
16
- display: block
17
- padding: $box-padding
18
-
19
- a.box
20
- &:hover,
21
- &:focus
22
- box-shadow: $box-link-hover-shadow
23
- &:active
24
- box-shadow: $box-link-active-shadow
@@ -1,323 +0,0 @@
1
- $button-color: $text-strong !default
2
- $button-background-color: $scheme-main !default
3
- $button-family: false !default
4
-
5
- $button-border-color: $border !default
6
- $button-border-width: $control-border-width !default
7
-
8
- $button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
9
- $button-padding-horizontal: 1em !default
10
-
11
- $button-hover-color: $link-hover !default
12
- $button-hover-border-color: $link-hover-border !default
13
-
14
- $button-focus-color: $link-focus !default
15
- $button-focus-border-color: $link-focus-border !default
16
- $button-focus-box-shadow-size: 0 0 0 0.125em !default
17
- $button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
18
-
19
- $button-active-color: $link-active !default
20
- $button-active-border-color: $link-active-border !default
21
-
22
- $button-text-color: $text !default
23
- $button-text-decoration: underline !default
24
- $button-text-hover-background-color: $background !default
25
- $button-text-hover-color: $text-strong !default
26
-
27
- $button-disabled-background-color: $scheme-main !default
28
- $button-disabled-border-color: $border !default
29
- $button-disabled-shadow: none !default
30
- $button-disabled-opacity: 0.5 !default
31
-
32
- $button-static-color: $text-light !default
33
- $button-static-background-color: $scheme-main-ter !default
34
- $button-static-border-color: $border !default
35
-
36
- // The button sizes use mixins so they can be used at different breakpoints
37
- =button-small
38
- border-radius: $radius-small
39
- font-size: $size-small
40
- =button-normal
41
- font-size: $size-normal
42
- =button-medium
43
- font-size: $size-medium
44
- =button-large
45
- font-size: $size-large
46
-
47
- .button
48
- @extend %control
49
- @extend %unselectable
50
- background-color: $button-background-color
51
- border-color: $button-border-color
52
- border-width: $button-border-width
53
- color: $button-color
54
- cursor: pointer
55
- @if $button-family
56
- font-family: $button-family
57
- justify-content: center
58
- padding-bottom: $button-padding-vertical
59
- padding-left: $button-padding-horizontal
60
- padding-right: $button-padding-horizontal
61
- padding-top: $button-padding-vertical
62
- text-align: center
63
- white-space: nowrap
64
- strong
65
- color: inherit
66
- .icon
67
- &,
68
- &.is-small,
69
- &.is-medium,
70
- &.is-large
71
- height: 1.5em
72
- width: 1.5em
73
- &:first-child:not(:last-child)
74
- +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}), false)
75
- +ltr-property("margin", $button-padding-horizontal / 4)
76
- &:last-child:not(:first-child)
77
- +ltr-property("margin", $button-padding-horizontal / 4, false)
78
- +ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}))
79
- &:first-child:last-child
80
- margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
81
- margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width})
82
- // States
83
- &:hover,
84
- &.is-hovered
85
- border-color: $button-hover-border-color
86
- color: $button-hover-color
87
- &:focus,
88
- &.is-focused
89
- border-color: $button-focus-border-color
90
- color: $button-focus-color
91
- &:not(:active)
92
- box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
93
- &:active,
94
- &.is-active
95
- border-color: $button-active-border-color
96
- color: $button-active-color
97
- // Colors
98
- &.is-text
99
- background-color: transparent
100
- border-color: transparent
101
- color: $button-text-color
102
- text-decoration: $button-text-decoration
103
- &:hover,
104
- &.is-hovered,
105
- &:focus,
106
- &.is-focused
107
- background-color: $button-text-hover-background-color
108
- color: $button-text-hover-color
109
- &:active,
110
- &.is-active
111
- background-color: bulmaDarken($button-text-hover-background-color, 5%)
112
- color: $button-text-hover-color
113
- &[disabled],
114
- fieldset[disabled] &
115
- background-color: transparent
116
- border-color: transparent
117
- box-shadow: none
118
- @each $name, $pair in $colors
119
- $color: nth($pair, 1)
120
- $color-invert: nth($pair, 2)
121
- &.is-#{$name}
122
- background-color: $color
123
- border-color: transparent
124
- color: $color-invert
125
- &:hover,
126
- &.is-hovered
127
- background-color: bulmaDarken($color, 2.5%)
128
- border-color: transparent
129
- color: $color-invert
130
- &:focus,
131
- &.is-focused
132
- border-color: transparent
133
- color: $color-invert
134
- &:not(:active)
135
- box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
136
- &:active,
137
- &.is-active
138
- background-color: bulmaDarken($color, 5%)
139
- border-color: transparent
140
- color: $color-invert
141
- &[disabled],
142
- fieldset[disabled] &
143
- background-color: $color
144
- border-color: transparent
145
- box-shadow: none
146
- &.is-inverted
147
- background-color: $color-invert
148
- color: $color
149
- &:hover,
150
- &.is-hovered
151
- background-color: bulmaDarken($color-invert, 5%)
152
- &[disabled],
153
- fieldset[disabled] &
154
- background-color: $color-invert
155
- border-color: transparent
156
- box-shadow: none
157
- color: $color
158
- &.is-loading
159
- &::after
160
- border-color: transparent transparent $color-invert $color-invert !important
161
- &.is-outlined
162
- background-color: transparent
163
- border-color: $color
164
- color: $color
165
- &:hover,
166
- &.is-hovered,
167
- &:focus,
168
- &.is-focused
169
- background-color: $color
170
- border-color: $color
171
- color: $color-invert
172
- &.is-loading
173
- &::after
174
- border-color: transparent transparent $color $color !important
175
- &:hover,
176
- &.is-hovered,
177
- &:focus,
178
- &.is-focused
179
- &::after
180
- border-color: transparent transparent $color-invert $color-invert !important
181
- &[disabled],
182
- fieldset[disabled] &
183
- background-color: transparent
184
- border-color: $color
185
- box-shadow: none
186
- color: $color
187
- &.is-inverted.is-outlined
188
- background-color: transparent
189
- border-color: $color-invert
190
- color: $color-invert
191
- &:hover,
192
- &.is-hovered,
193
- &:focus,
194
- &.is-focused
195
- background-color: $color-invert
196
- color: $color
197
- &.is-loading
198
- &:hover,
199
- &.is-hovered,
200
- &:focus,
201
- &.is-focused
202
- &::after
203
- border-color: transparent transparent $color $color !important
204
- &[disabled],
205
- fieldset[disabled] &
206
- background-color: transparent
207
- border-color: $color-invert
208
- box-shadow: none
209
- color: $color-invert
210
- // If light and dark colors are provided
211
- @if length($pair) >= 4
212
- $color-light: nth($pair, 3)
213
- $color-dark: nth($pair, 4)
214
- &.is-light
215
- background-color: $color-light
216
- color: $color-dark
217
- &:hover,
218
- &.is-hovered
219
- background-color: bulmaDarken($color-light, 2.5%)
220
- border-color: transparent
221
- color: $color-dark
222
- &:active,
223
- &.is-active
224
- background-color: bulmaDarken($color-light, 5%)
225
- border-color: transparent
226
- color: $color-dark
227
- // Sizes
228
- &.is-small
229
- +button-small
230
- &.is-normal
231
- +button-normal
232
- &.is-medium
233
- +button-medium
234
- &.is-large
235
- +button-large
236
- // Modifiers
237
- &[disabled],
238
- fieldset[disabled] &
239
- background-color: $button-disabled-background-color
240
- border-color: $button-disabled-border-color
241
- box-shadow: $button-disabled-shadow
242
- opacity: $button-disabled-opacity
243
- &.is-fullwidth
244
- display: flex
245
- width: 100%
246
- &.is-loading
247
- color: transparent !important
248
- pointer-events: none
249
- &::after
250
- @extend %loader
251
- +center(1em)
252
- position: absolute !important
253
- &.is-static
254
- background-color: $button-static-background-color
255
- border-color: $button-static-border-color
256
- color: $button-static-color
257
- box-shadow: none
258
- pointer-events: none
259
- &.is-rounded
260
- border-radius: $radius-rounded
261
- padding-left: calc(#{$button-padding-horizontal} + 0.25em)
262
- padding-right: calc(#{$button-padding-horizontal} + 0.25em)
263
-
264
- .buttons
265
- align-items: center
266
- display: flex
267
- flex-wrap: wrap
268
- justify-content: flex-start
269
- .button
270
- margin-bottom: 0.5rem
271
- &:not(:last-child):not(.is-fullwidth)
272
- +ltr-property("margin", 0.5rem)
273
- &:last-child
274
- margin-bottom: -0.5rem
275
- &:not(:last-child)
276
- margin-bottom: 1rem
277
- // Sizes
278
- &.are-small
279
- .button:not(.is-normal):not(.is-medium):not(.is-large)
280
- +button-small
281
- &.are-medium
282
- .button:not(.is-small):not(.is-normal):not(.is-large)
283
- +button-medium
284
- &.are-large
285
- .button:not(.is-small):not(.is-normal):not(.is-medium)
286
- +button-large
287
- &.has-addons
288
- .button
289
- &:not(:first-child)
290
- border-bottom-left-radius: 0
291
- border-top-left-radius: 0
292
- &:not(:last-child)
293
- border-bottom-right-radius: 0
294
- border-top-right-radius: 0
295
- +ltr-property("margin", -1px)
296
- &:last-child
297
- +ltr-property("margin", 0)
298
- &:hover,
299
- &.is-hovered
300
- z-index: 2
301
- &:focus,
302
- &.is-focused,
303
- &:active,
304
- &.is-active,
305
- &.is-selected
306
- z-index: 3
307
- &:hover
308
- z-index: 4
309
- &.is-expanded
310
- flex-grow: 1
311
- flex-shrink: 1
312
- &.is-centered
313
- justify-content: center
314
- &:not(.has-addons)
315
- .button:not(.is-fullwidth)
316
- margin-left: 0.25rem
317
- margin-right: 0.25rem
318
- &.is-right
319
- justify-content: flex-end
320
- &:not(.has-addons)
321
- .button:not(.is-fullwidth)
322
- margin-left: 0.25rem
323
- margin-right: 0.25rem
@@ -1,24 +0,0 @@
1
- $container-offset: (2 * $gap) !default
2
-
3
- .container
4
- flex-grow: 1
5
- margin: 0 auto
6
- position: relative
7
- width: auto
8
- &.is-fluid
9
- max-width: none
10
- padding-left: $gap
11
- padding-right: $gap
12
- width: 100%
13
- +desktop
14
- max-width: $desktop - $container-offset
15
- +until-widescreen
16
- &.is-widescreen
17
- max-width: $widescreen - $container-offset
18
- +until-fullhd
19
- &.is-fullhd
20
- max-width: $fullhd - $container-offset
21
- +widescreen
22
- max-width: $widescreen - $container-offset
23
- +fullhd
24
- max-width: $fullhd - $container-offset