jekyll-theme-opentoolbox 1.0.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (202) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +661 -0
  3. data/README.md +73 -0
  4. data/_includes/banner.html +24 -0
  5. data/_includes/callouts.html +39 -0
  6. data/_includes/disqus.html +17 -0
  7. data/_includes/footer-scripts.html +1 -0
  8. data/_includes/footer.html +34 -0
  9. data/_includes/gallery.html +25 -0
  10. data/_includes/google-analytics.html +8 -0
  11. data/_includes/head-scripts.html +0 -0
  12. data/_includes/head.html +19 -0
  13. data/_includes/header.html +45 -0
  14. data/_includes/hero.html +11 -0
  15. data/_includes/image-modal.html +18 -0
  16. data/_includes/join.html +30 -0
  17. data/_includes/latest-posts.html +12 -0
  18. data/_includes/menubar.html +21 -0
  19. data/_includes/notification.html +17 -0
  20. data/_includes/pagination.html +23 -0
  21. data/_includes/post-card.html +29 -0
  22. data/_includes/rating.html +14 -0
  23. data/_includes/review.html +27 -0
  24. data/_includes/share-buttons.html +19 -0
  25. data/_includes/showcase.html +76 -0
  26. data/_includes/sponsors.html +42 -0
  27. data/_includes/sub-pages.html +28 -0
  28. data/_includes/subscribe.html +6 -0
  29. data/_includes/tabs.html +18 -0
  30. data/_includes/tag.html +3 -0
  31. data/_includes/toc.html +82 -0
  32. data/_includes/vimeo.html +3 -0
  33. data/_includes/youtube.html +8 -0
  34. data/_layouts/blog.html +20 -0
  35. data/_layouts/default.html +66 -0
  36. data/_layouts/page.html +11 -0
  37. data/_layouts/post.html +23 -0
  38. data/_layouts/product-category.html +42 -0
  39. data/_layouts/product.html +61 -0
  40. data/_layouts/recipe.html +98 -0
  41. data/_layouts/resource.html +9 -0
  42. data/_posts/2021-03-24-hello.md +13 -0
  43. data/_sass/_layout.scss +37 -0
  44. data/_sass/_main.scss +22 -0
  45. data/_sass/_showcase.scss +13 -0
  46. data/_sass/syntax.scss +209 -0
  47. data/assets/css/app.scss +157 -0
  48. data/assets/css/highlight.css +78 -0
  49. data/assets/js/app.js +1 -0
  50. data/blog/index.html +6 -0
  51. data/node_modules/bulma/CHANGELOG.md +1558 -0
  52. data/node_modules/bulma/LICENSE +21 -0
  53. data/node_modules/bulma/README.md +134 -0
  54. data/node_modules/bulma/bulma.sass +10 -0
  55. data/node_modules/bulma/css/bulma-rtl.css +11811 -0
  56. data/node_modules/bulma/css/bulma-rtl.css.map +1 -0
  57. data/node_modules/bulma/css/bulma-rtl.min.css +1 -0
  58. data/node_modules/bulma/css/bulma.css +11811 -0
  59. data/node_modules/bulma/css/bulma.css.map +1 -0
  60. data/node_modules/bulma/css/bulma.min.css +1 -0
  61. data/node_modules/bulma/package.json +81 -0
  62. data/node_modules/bulma/sass/base/_all.sass +6 -0
  63. data/node_modules/bulma/sass/base/animations.sass +5 -0
  64. data/node_modules/bulma/sass/base/generic.sass +145 -0
  65. data/node_modules/bulma/sass/base/helpers.sass +1 -0
  66. data/node_modules/bulma/sass/base/minireset.sass +79 -0
  67. data/node_modules/bulma/sass/components/_all.sass +15 -0
  68. data/node_modules/bulma/sass/components/breadcrumb.sass +77 -0
  69. data/node_modules/bulma/sass/components/card.sass +103 -0
  70. data/node_modules/bulma/sass/components/dropdown.sass +83 -0
  71. data/node_modules/bulma/sass/components/level.sass +79 -0
  72. data/node_modules/bulma/sass/components/media.sass +59 -0
  73. data/node_modules/bulma/sass/components/menu.sass +59 -0
  74. data/node_modules/bulma/sass/components/message.sass +101 -0
  75. data/node_modules/bulma/sass/components/modal.sass +117 -0
  76. data/node_modules/bulma/sass/components/navbar.sass +446 -0
  77. data/node_modules/bulma/sass/components/pagination.sass +166 -0
  78. data/node_modules/bulma/sass/components/panel.sass +121 -0
  79. data/node_modules/bulma/sass/components/tabs.sass +176 -0
  80. data/node_modules/bulma/sass/elements/_all.sass +16 -0
  81. data/node_modules/bulma/sass/elements/box.sass +26 -0
  82. data/node_modules/bulma/sass/elements/button.sass +345 -0
  83. data/node_modules/bulma/sass/elements/container.sass +29 -0
  84. data/node_modules/bulma/sass/elements/content.sass +159 -0
  85. data/node_modules/bulma/sass/elements/form.sass +1 -0
  86. data/node_modules/bulma/sass/elements/icon.sass +46 -0
  87. data/node_modules/bulma/sass/elements/image.sass +73 -0
  88. data/node_modules/bulma/sass/elements/notification.sass +52 -0
  89. data/node_modules/bulma/sass/elements/other.sass +31 -0
  90. data/node_modules/bulma/sass/elements/progress.sass +73 -0
  91. data/node_modules/bulma/sass/elements/table.sass +133 -0
  92. data/node_modules/bulma/sass/elements/tag.sass +140 -0
  93. data/node_modules/bulma/sass/elements/title.sass +70 -0
  94. data/node_modules/bulma/sass/form/_all.sass +9 -0
  95. data/node_modules/bulma/sass/form/checkbox-radio.sass +22 -0
  96. data/node_modules/bulma/sass/form/file.sass +184 -0
  97. data/node_modules/bulma/sass/form/input-textarea.sass +66 -0
  98. data/node_modules/bulma/sass/form/select.sass +87 -0
  99. data/node_modules/bulma/sass/form/shared.sass +60 -0
  100. data/node_modules/bulma/sass/form/tools.sass +215 -0
  101. data/node_modules/bulma/sass/grid/_all.sass +5 -0
  102. data/node_modules/bulma/sass/grid/columns.sass +513 -0
  103. data/node_modules/bulma/sass/grid/tiles.sass +36 -0
  104. data/node_modules/bulma/sass/helpers/_all.sass +12 -0
  105. data/node_modules/bulma/sass/helpers/color.sass +39 -0
  106. data/node_modules/bulma/sass/helpers/flexbox.sass +35 -0
  107. data/node_modules/bulma/sass/helpers/float.sass +10 -0
  108. data/node_modules/bulma/sass/helpers/other.sass +14 -0
  109. data/node_modules/bulma/sass/helpers/overflow.sass +2 -0
  110. data/node_modules/bulma/sass/helpers/position.sass +7 -0
  111. data/node_modules/bulma/sass/helpers/spacing.sass +31 -0
  112. data/node_modules/bulma/sass/helpers/typography.sass +103 -0
  113. data/node_modules/bulma/sass/helpers/visibility.sass +122 -0
  114. data/node_modules/bulma/sass/layout/_all.sass +6 -0
  115. data/node_modules/bulma/sass/layout/footer.sass +11 -0
  116. data/node_modules/bulma/sass/layout/hero.sass +153 -0
  117. data/node_modules/bulma/sass/layout/section.sass +17 -0
  118. data/node_modules/bulma/sass/utilities/_all.sass +9 -0
  119. data/node_modules/bulma/sass/utilities/animations.sass +1 -0
  120. data/node_modules/bulma/sass/utilities/controls.sass +49 -0
  121. data/node_modules/bulma/sass/utilities/derived-variables.sass +114 -0
  122. data/node_modules/bulma/sass/utilities/extends.sass +25 -0
  123. data/node_modules/bulma/sass/utilities/functions.sass +136 -0
  124. data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -0
  125. data/node_modules/bulma/sass/utilities/mixins.sass +280 -0
  126. data/node_modules/bulma-block-list/LICENSE.txt +21 -0
  127. data/node_modules/bulma-block-list/README.md +32 -0
  128. data/node_modules/bulma-block-list/docs/Gemfile +3 -0
  129. data/node_modules/bulma-block-list/docs/_config.yml +15 -0
  130. data/node_modules/bulma-block-list/docs/_data/menu.yaml +20 -0
  131. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +109 -0
  132. data/node_modules/bulma-block-list/docs/_sass/_main.scss +20 -0
  133. data/node_modules/bulma-block-list/docs/assets/css/app.scss +7 -0
  134. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  135. data/node_modules/bulma-block-list/docs/index.html +260 -0
  136. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -0
  137. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -0
  138. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -0
  139. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -0
  140. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10855 -0
  141. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +1 -0
  142. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +1 -0
  143. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -0
  144. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -0
  145. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -0
  146. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -0
  147. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -0
  148. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -0
  149. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
  150. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -0
  151. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -0
  152. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -0
  153. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +39 -0
  154. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -0
  155. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -0
  156. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -0
  157. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -0
  158. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -0
  159. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -0
  160. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -0
  161. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -0
  162. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -0
  163. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -0
  164. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -0
  165. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -0
  166. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -0
  167. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -0
  168. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -0
  169. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -0
  170. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -0
  171. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -0
  172. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -0
  173. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -0
  174. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -0
  175. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -0
  176. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -0
  177. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
  178. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -0
  179. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -0
  180. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -0
  181. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -0
  182. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -0
  183. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -0
  184. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -0
  185. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -0
  186. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -0
  187. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -0
  188. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -0
  189. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -0
  190. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -0
  191. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -0
  192. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -0
  193. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -0
  194. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -0
  195. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
  196. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -0
  197. data/node_modules/bulma-block-list/package.json +56 -0
  198. data/node_modules/bulma-block-list/src/block-list.scss +109 -0
  199. data/node_modules/bulma-block-list/src/demo.scss +3 -0
  200. data/package-lock.json +28 -0
  201. data/package.json +20 -0
  202. metadata +441 -0
@@ -0,0 +1,345 @@
1
+ @import "../utilities/controls"
2
+ @import "../utilities/mixins"
3
+
4
+ $button-color: $text-strong !default
5
+ $button-background-color: $scheme-main !default
6
+ $button-family: false !default
7
+
8
+ $button-border-color: $border !default
9
+ $button-border-width: $control-border-width !default
10
+
11
+ $button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
12
+ $button-padding-horizontal: 1em !default
13
+
14
+ $button-hover-color: $link-hover !default
15
+ $button-hover-border-color: $link-hover-border !default
16
+
17
+ $button-focus-color: $link-focus !default
18
+ $button-focus-border-color: $link-focus-border !default
19
+ $button-focus-box-shadow-size: 0 0 0 0.125em !default
20
+ $button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
21
+
22
+ $button-active-color: $link-active !default
23
+ $button-active-border-color: $link-active-border !default
24
+
25
+ $button-text-color: $text !default
26
+ $button-text-decoration: underline !default
27
+ $button-text-hover-background-color: $background !default
28
+ $button-text-hover-color: $text-strong !default
29
+
30
+ $button-ghost-background: none !default
31
+ $button-ghost-border-color: transparent !default
32
+ $button-ghost-color: $link !default
33
+ $button-ghost-decoration: none !default
34
+ $button-ghost-hover-color: $link !default
35
+ $button-ghost-hover-decoration: underline !default
36
+
37
+ $button-disabled-background-color: $scheme-main !default
38
+ $button-disabled-border-color: $border !default
39
+ $button-disabled-shadow: none !default
40
+ $button-disabled-opacity: 0.5 !default
41
+
42
+ $button-static-color: $text-light !default
43
+ $button-static-background-color: $scheme-main-ter !default
44
+ $button-static-border-color: $border !default
45
+
46
+ $button-colors: $colors !default
47
+
48
+ // The button sizes use mixins so they can be used at different breakpoints
49
+ =button-small
50
+ &:not(.is-rounded)
51
+ border-radius: $radius-small
52
+ font-size: $size-small
53
+ =button-normal
54
+ font-size: $size-normal
55
+ =button-medium
56
+ font-size: $size-medium
57
+ =button-large
58
+ font-size: $size-large
59
+
60
+ .button
61
+ @extend %control
62
+ @extend %unselectable
63
+ background-color: $button-background-color
64
+ border-color: $button-border-color
65
+ border-width: $button-border-width
66
+ color: $button-color
67
+ cursor: pointer
68
+ @if $button-family
69
+ font-family: $button-family
70
+ justify-content: center
71
+ padding-bottom: $button-padding-vertical
72
+ padding-left: $button-padding-horizontal
73
+ padding-right: $button-padding-horizontal
74
+ padding-top: $button-padding-vertical
75
+ text-align: center
76
+ white-space: nowrap
77
+ strong
78
+ color: inherit
79
+ .icon
80
+ &,
81
+ &.is-small,
82
+ &.is-medium,
83
+ &.is-large
84
+ height: 1.5em
85
+ width: 1.5em
86
+ &:first-child:not(:last-child)
87
+ +ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}), false)
88
+ +ltr-property("margin", $button-padding-horizontal * 0.25)
89
+ &:last-child:not(:first-child)
90
+ +ltr-property("margin", $button-padding-horizontal * 0.25, false)
91
+ +ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}))
92
+ &:first-child:last-child
93
+ margin-left: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
94
+ margin-right: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width})
95
+ // States
96
+ &:hover,
97
+ &.is-hovered
98
+ border-color: $button-hover-border-color
99
+ color: $button-hover-color
100
+ &:focus,
101
+ &.is-focused
102
+ border-color: $button-focus-border-color
103
+ color: $button-focus-color
104
+ &:not(:active)
105
+ box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
106
+ &:active,
107
+ &.is-active
108
+ border-color: $button-active-border-color
109
+ color: $button-active-color
110
+ // Colors
111
+ &.is-text
112
+ background-color: transparent
113
+ border-color: transparent
114
+ color: $button-text-color
115
+ text-decoration: $button-text-decoration
116
+ &:hover,
117
+ &.is-hovered,
118
+ &:focus,
119
+ &.is-focused
120
+ background-color: $button-text-hover-background-color
121
+ color: $button-text-hover-color
122
+ &:active,
123
+ &.is-active
124
+ background-color: bulmaDarken($button-text-hover-background-color, 5%)
125
+ color: $button-text-hover-color
126
+ &[disabled],
127
+ fieldset[disabled] &
128
+ background-color: transparent
129
+ border-color: transparent
130
+ box-shadow: none
131
+ &.is-ghost
132
+ background: $button-ghost-background
133
+ border-color: $button-ghost-border-color
134
+ color: $button-ghost-color
135
+ text-decoration: $button-ghost-decoration
136
+ &:hover,
137
+ &.is-hovered
138
+ color: $button-ghost-hover-color
139
+ text-decoration: $button-ghost-hover-decoration
140
+ @each $name, $pair in $button-colors
141
+ $color: nth($pair, 1)
142
+ $color-invert: nth($pair, 2)
143
+ &.is-#{$name}
144
+ background-color: $color
145
+ border-color: transparent
146
+ color: $color-invert
147
+ &:hover,
148
+ &.is-hovered
149
+ background-color: bulmaDarken($color, 2.5%)
150
+ border-color: transparent
151
+ color: $color-invert
152
+ &:focus,
153
+ &.is-focused
154
+ border-color: transparent
155
+ color: $color-invert
156
+ &:not(:active)
157
+ box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
158
+ &:active,
159
+ &.is-active
160
+ background-color: bulmaDarken($color, 5%)
161
+ border-color: transparent
162
+ color: $color-invert
163
+ &[disabled],
164
+ fieldset[disabled] &
165
+ background-color: $color
166
+ border-color: transparent
167
+ box-shadow: none
168
+ &.is-inverted
169
+ background-color: $color-invert
170
+ color: $color
171
+ &:hover,
172
+ &.is-hovered
173
+ background-color: bulmaDarken($color-invert, 5%)
174
+ &[disabled],
175
+ fieldset[disabled] &
176
+ background-color: $color-invert
177
+ border-color: transparent
178
+ box-shadow: none
179
+ color: $color
180
+ &.is-loading
181
+ &::after
182
+ border-color: transparent transparent $color-invert $color-invert !important
183
+ &.is-outlined
184
+ background-color: transparent
185
+ border-color: $color
186
+ color: $color
187
+ &:hover,
188
+ &.is-hovered,
189
+ &:focus,
190
+ &.is-focused
191
+ background-color: $color
192
+ border-color: $color
193
+ color: $color-invert
194
+ &.is-loading
195
+ &::after
196
+ border-color: transparent transparent $color $color !important
197
+ &:hover,
198
+ &.is-hovered,
199
+ &:focus,
200
+ &.is-focused
201
+ &::after
202
+ border-color: transparent transparent $color-invert $color-invert !important
203
+ &[disabled],
204
+ fieldset[disabled] &
205
+ background-color: transparent
206
+ border-color: $color
207
+ box-shadow: none
208
+ color: $color
209
+ &.is-inverted.is-outlined
210
+ background-color: transparent
211
+ border-color: $color-invert
212
+ color: $color-invert
213
+ &:hover,
214
+ &.is-hovered,
215
+ &:focus,
216
+ &.is-focused
217
+ background-color: $color-invert
218
+ color: $color
219
+ &.is-loading
220
+ &:hover,
221
+ &.is-hovered,
222
+ &:focus,
223
+ &.is-focused
224
+ &::after
225
+ border-color: transparent transparent $color $color !important
226
+ &[disabled],
227
+ fieldset[disabled] &
228
+ background-color: transparent
229
+ border-color: $color-invert
230
+ box-shadow: none
231
+ color: $color-invert
232
+ // If light and dark colors are provided
233
+ @if length($pair) >= 4
234
+ $color-light: nth($pair, 3)
235
+ $color-dark: nth($pair, 4)
236
+ &.is-light
237
+ background-color: $color-light
238
+ color: $color-dark
239
+ &:hover,
240
+ &.is-hovered
241
+ background-color: bulmaDarken($color-light, 2.5%)
242
+ border-color: transparent
243
+ color: $color-dark
244
+ &:active,
245
+ &.is-active
246
+ background-color: bulmaDarken($color-light, 5%)
247
+ border-color: transparent
248
+ color: $color-dark
249
+ // Sizes
250
+ &.is-small
251
+ +button-small
252
+ &.is-normal
253
+ +button-normal
254
+ &.is-medium
255
+ +button-medium
256
+ &.is-large
257
+ +button-large
258
+ // Modifiers
259
+ &[disabled],
260
+ fieldset[disabled] &
261
+ background-color: $button-disabled-background-color
262
+ border-color: $button-disabled-border-color
263
+ box-shadow: $button-disabled-shadow
264
+ opacity: $button-disabled-opacity
265
+ &.is-fullwidth
266
+ display: flex
267
+ width: 100%
268
+ &.is-loading
269
+ color: transparent !important
270
+ pointer-events: none
271
+ &::after
272
+ @extend %loader
273
+ +center(1em)
274
+ position: absolute !important
275
+ &.is-static
276
+ background-color: $button-static-background-color
277
+ border-color: $button-static-border-color
278
+ color: $button-static-color
279
+ box-shadow: none
280
+ pointer-events: none
281
+ &.is-rounded
282
+ border-radius: $radius-rounded
283
+ padding-left: calc(#{$button-padding-horizontal} + 0.25em)
284
+ padding-right: calc(#{$button-padding-horizontal} + 0.25em)
285
+
286
+ .buttons
287
+ align-items: center
288
+ display: flex
289
+ flex-wrap: wrap
290
+ justify-content: flex-start
291
+ .button
292
+ margin-bottom: 0.5rem
293
+ &:not(:last-child):not(.is-fullwidth)
294
+ +ltr-property("margin", 0.5rem)
295
+ &:last-child
296
+ margin-bottom: -0.5rem
297
+ &:not(:last-child)
298
+ margin-bottom: 1rem
299
+ // Sizes
300
+ &.are-small
301
+ .button:not(.is-normal):not(.is-medium):not(.is-large)
302
+ +button-small
303
+ &.are-medium
304
+ .button:not(.is-small):not(.is-normal):not(.is-large)
305
+ +button-medium
306
+ &.are-large
307
+ .button:not(.is-small):not(.is-normal):not(.is-medium)
308
+ +button-large
309
+ &.has-addons
310
+ .button
311
+ &:not(:first-child)
312
+ border-bottom-left-radius: 0
313
+ border-top-left-radius: 0
314
+ &:not(:last-child)
315
+ border-bottom-right-radius: 0
316
+ border-top-right-radius: 0
317
+ +ltr-property("margin", -1px)
318
+ &:last-child
319
+ +ltr-property("margin", 0)
320
+ &:hover,
321
+ &.is-hovered
322
+ z-index: 2
323
+ &:focus,
324
+ &.is-focused,
325
+ &:active,
326
+ &.is-active,
327
+ &.is-selected
328
+ z-index: 3
329
+ &:hover
330
+ z-index: 4
331
+ &.is-expanded
332
+ flex-grow: 1
333
+ flex-shrink: 1
334
+ &.is-centered
335
+ justify-content: center
336
+ &:not(.has-addons)
337
+ .button:not(.is-fullwidth)
338
+ margin-left: 0.25rem
339
+ margin-right: 0.25rem
340
+ &.is-right
341
+ justify-content: flex-end
342
+ &:not(.has-addons)
343
+ .button:not(.is-fullwidth)
344
+ margin-left: 0.25rem
345
+ margin-right: 0.25rem
@@ -0,0 +1,29 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $container-offset: (2 * $gap) !default
4
+ $container-max-width: $fullhd !default
5
+
6
+ .container
7
+ flex-grow: 1
8
+ margin: 0 auto
9
+ position: relative
10
+ width: auto
11
+ &.is-fluid
12
+ max-width: none !important
13
+ padding-left: $gap
14
+ padding-right: $gap
15
+ width: 100%
16
+ +desktop
17
+ max-width: $desktop - $container-offset
18
+ +until-widescreen
19
+ &.is-widescreen:not(.is-max-desktop)
20
+ max-width: min($widescreen, $container-max-width) - $container-offset
21
+ +until-fullhd
22
+ &.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen)
23
+ max-width: min($fullhd, $container-max-width) - $container-offset
24
+ +widescreen
25
+ &:not(.is-max-desktop)
26
+ max-width: min($widescreen, $container-max-width) - $container-offset
27
+ +fullhd
28
+ &:not(.is-max-desktop):not(.is-max-widescreen)
29
+ max-width: min($fullhd, $container-max-width) - $container-offset
@@ -0,0 +1,159 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $content-heading-color: $text-strong !default
4
+ $content-heading-weight: $weight-semibold !default
5
+ $content-heading-line-height: 1.125 !default
6
+
7
+ $content-blockquote-background-color: $background !default
8
+ $content-blockquote-border-left: 5px solid $border !default
9
+ $content-blockquote-padding: 1.25em 1.5em !default
10
+
11
+ $content-pre-padding: 1.25em 1.5em !default
12
+
13
+ $content-table-cell-border: 1px solid $border !default
14
+ $content-table-cell-border-width: 0 0 1px !default
15
+ $content-table-cell-padding: 0.5em 0.75em !default
16
+ $content-table-cell-heading-color: $text-strong !default
17
+ $content-table-head-cell-border-width: 0 0 2px !default
18
+ $content-table-head-cell-color: $text-strong !default
19
+ $content-table-foot-cell-border-width: 2px 0 0 !default
20
+ $content-table-foot-cell-color: $text-strong !default
21
+
22
+ .content
23
+ @extend %block
24
+ // Inline
25
+ li + li
26
+ margin-top: 0.25em
27
+ // Block
28
+ p,
29
+ dl,
30
+ ol,
31
+ ul,
32
+ blockquote,
33
+ pre,
34
+ table
35
+ &:not(:last-child)
36
+ margin-bottom: 1em
37
+ h1,
38
+ h2,
39
+ h3,
40
+ h4,
41
+ h5,
42
+ h6
43
+ color: $content-heading-color
44
+ font-weight: $content-heading-weight
45
+ line-height: $content-heading-line-height
46
+ h1
47
+ font-size: 2em
48
+ margin-bottom: 0.5em
49
+ &:not(:first-child)
50
+ margin-top: 1em
51
+ h2
52
+ font-size: 1.75em
53
+ margin-bottom: 0.5714em
54
+ &:not(:first-child)
55
+ margin-top: 1.1428em
56
+ h3
57
+ font-size: 1.5em
58
+ margin-bottom: 0.6666em
59
+ &:not(:first-child)
60
+ margin-top: 1.3333em
61
+ h4
62
+ font-size: 1.25em
63
+ margin-bottom: 0.8em
64
+ h5
65
+ font-size: 1.125em
66
+ margin-bottom: 0.8888em
67
+ h6
68
+ font-size: 1em
69
+ margin-bottom: 1em
70
+ blockquote
71
+ background-color: $content-blockquote-background-color
72
+ +ltr-property("border", $content-blockquote-border-left, false)
73
+ padding: $content-blockquote-padding
74
+ ol
75
+ list-style-position: outside
76
+ +ltr-property("margin", 2em, false)
77
+ margin-top: 1em
78
+ &:not([type])
79
+ list-style-type: decimal
80
+ &.is-lower-alpha
81
+ list-style-type: lower-alpha
82
+ &.is-lower-roman
83
+ list-style-type: lower-roman
84
+ &.is-upper-alpha
85
+ list-style-type: upper-alpha
86
+ &.is-upper-roman
87
+ list-style-type: upper-roman
88
+ ul
89
+ list-style: disc outside
90
+ +ltr-property("margin", 2em, false)
91
+ margin-top: 1em
92
+ ul
93
+ list-style-type: circle
94
+ margin-top: 0.5em
95
+ ul
96
+ list-style-type: square
97
+ dd
98
+ +ltr-property("margin", 2em, false)
99
+ figure
100
+ margin-left: 2em
101
+ margin-right: 2em
102
+ text-align: center
103
+ &:not(:first-child)
104
+ margin-top: 2em
105
+ &:not(:last-child)
106
+ margin-bottom: 2em
107
+ img
108
+ display: inline-block
109
+ figcaption
110
+ font-style: italic
111
+ pre
112
+ +overflow-touch
113
+ overflow-x: auto
114
+ padding: $content-pre-padding
115
+ white-space: pre
116
+ word-wrap: normal
117
+ sup,
118
+ sub
119
+ font-size: 75%
120
+ table
121
+ width: 100%
122
+ td,
123
+ th
124
+ border: $content-table-cell-border
125
+ border-width: $content-table-cell-border-width
126
+ padding: $content-table-cell-padding
127
+ vertical-align: top
128
+ th
129
+ color: $content-table-cell-heading-color
130
+ &:not([align])
131
+ text-align: inherit
132
+ thead
133
+ td,
134
+ th
135
+ border-width: $content-table-head-cell-border-width
136
+ color: $content-table-head-cell-color
137
+ tfoot
138
+ td,
139
+ th
140
+ border-width: $content-table-foot-cell-border-width
141
+ color: $content-table-foot-cell-color
142
+ tbody
143
+ tr
144
+ &:last-child
145
+ td,
146
+ th
147
+ border-bottom-width: 0
148
+ .tabs
149
+ li + li
150
+ margin-top: 0
151
+ // Sizes
152
+ &.is-small
153
+ font-size: $size-small
154
+ &.is-normal
155
+ font-size: $size-normal
156
+ &.is-medium
157
+ font-size: $size-medium
158
+ &.is-large
159
+ font-size: $size-large
@@ -0,0 +1 @@
1
+ @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead."
@@ -0,0 +1,46 @@
1
+ $icon-dimensions: 1.5rem !default
2
+ $icon-dimensions-small: 1rem !default
3
+ $icon-dimensions-medium: 2rem !default
4
+ $icon-dimensions-large: 3rem !default
5
+ $icon-text-spacing: 0.25em !default
6
+
7
+ .icon
8
+ align-items: center
9
+ display: inline-flex
10
+ justify-content: center
11
+ height: $icon-dimensions
12
+ width: $icon-dimensions
13
+ // Sizes
14
+ &.is-small
15
+ height: $icon-dimensions-small
16
+ width: $icon-dimensions-small
17
+ &.is-medium
18
+ height: $icon-dimensions-medium
19
+ width: $icon-dimensions-medium
20
+ &.is-large
21
+ height: $icon-dimensions-large
22
+ width: $icon-dimensions-large
23
+
24
+ .icon-text
25
+ align-items: flex-start
26
+ color: inherit
27
+ display: inline-flex
28
+ flex-wrap: wrap
29
+ line-height: $icon-dimensions
30
+ vertical-align: top
31
+ .icon
32
+ flex-grow: 0
33
+ flex-shrink: 0
34
+ &:not(:last-child)
35
+ +ltr
36
+ margin-right: $icon-text-spacing
37
+ +rtl
38
+ margin-left: $icon-text-spacing
39
+ &:not(:first-child)
40
+ +ltr
41
+ margin-left: $icon-text-spacing
42
+ +rtl
43
+ margin-right: $icon-text-spacing
44
+
45
+ div.icon-text
46
+ display: flex
@@ -0,0 +1,73 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $dimensions: 16 24 32 48 64 96 128 !default
4
+
5
+ .image
6
+ display: block
7
+ position: relative
8
+ img
9
+ display: block
10
+ height: auto
11
+ width: 100%
12
+ &.is-rounded
13
+ border-radius: $radius-rounded
14
+ &.is-fullwidth
15
+ width: 100%
16
+ // Ratio
17
+ &.is-square,
18
+ &.is-1by1,
19
+ &.is-5by4,
20
+ &.is-4by3,
21
+ &.is-3by2,
22
+ &.is-5by3,
23
+ &.is-16by9,
24
+ &.is-2by1,
25
+ &.is-3by1,
26
+ &.is-4by5,
27
+ &.is-3by4,
28
+ &.is-2by3,
29
+ &.is-3by5,
30
+ &.is-9by16,
31
+ &.is-1by2,
32
+ &.is-1by3
33
+ img,
34
+ .has-ratio
35
+ @extend %overlay
36
+ height: 100%
37
+ width: 100%
38
+ &.is-square,
39
+ &.is-1by1
40
+ padding-top: 100%
41
+ &.is-5by4
42
+ padding-top: 80%
43
+ &.is-4by3
44
+ padding-top: 75%
45
+ &.is-3by2
46
+ padding-top: 66.6666%
47
+ &.is-5by3
48
+ padding-top: 60%
49
+ &.is-16by9
50
+ padding-top: 56.25%
51
+ &.is-2by1
52
+ padding-top: 50%
53
+ &.is-3by1
54
+ padding-top: 33.3333%
55
+ &.is-4by5
56
+ padding-top: 125%
57
+ &.is-3by4
58
+ padding-top: 133.3333%
59
+ &.is-2by3
60
+ padding-top: 150%
61
+ &.is-3by5
62
+ padding-top: 166.6666%
63
+ &.is-9by16
64
+ padding-top: 177.7777%
65
+ &.is-1by2
66
+ padding-top: 200%
67
+ &.is-1by3
68
+ padding-top: 300%
69
+ // Sizes
70
+ @each $dimension in $dimensions
71
+ &.is-#{$dimension}x#{$dimension}
72
+ height: $dimension * 1px
73
+ width: $dimension * 1px
@@ -0,0 +1,52 @@
1
+ @import "../utilities/mixins"
2
+
3
+ $notification-background-color: $background !default
4
+ $notification-code-background-color: $scheme-main !default
5
+ $notification-radius: $radius !default
6
+ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
7
+ $notification-padding-ltr: 1.25rem 2.5rem 1.25rem 1.5rem !default
8
+ $notification-padding-rtl: 1.25rem 1.5rem 1.25rem 2.5rem !default
9
+
10
+ $notification-colors: $colors !default
11
+
12
+ .notification
13
+ @extend %block
14
+ background-color: $notification-background-color
15
+ border-radius: $notification-radius
16
+ position: relative
17
+ +ltr
18
+ padding: $notification-padding-ltr
19
+ +rtl
20
+ padding: $notification-padding-rtl
21
+ a:not(.button):not(.dropdown-item)
22
+ color: currentColor
23
+ text-decoration: underline
24
+ strong
25
+ color: currentColor
26
+ code,
27
+ pre
28
+ background: $notification-code-background-color
29
+ pre code
30
+ background: transparent
31
+ & > .delete
32
+ +ltr-position(0.5rem)
33
+ position: absolute
34
+ top: 0.5rem
35
+ .title,
36
+ .subtitle,
37
+ .content
38
+ color: currentColor
39
+ // Colors
40
+ @each $name, $pair in $notification-colors
41
+ $color: nth($pair, 1)
42
+ $color-invert: nth($pair, 2)
43
+ &.is-#{$name}
44
+ background-color: $color
45
+ color: $color-invert
46
+ // If light and dark colors are provided
47
+ @if length($pair) >= 4
48
+ $color-light: nth($pair, 3)
49
+ $color-dark: nth($pair, 4)
50
+ &.is-light
51
+ background-color: $color-light
52
+ color: $color-dark