jekyll-theme-opentoolbox 1.0.8 → 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (201) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +58 -31
  3. data/_includes/banner.html +4 -4
  4. data/_includes/callouts.html +10 -3
  5. data/_includes/contribute.html +19 -0
  6. data/_includes/credits.html +13 -0
  7. data/_includes/disqus.html +16 -16
  8. data/_includes/footer.html +7 -18
  9. data/_includes/gallery.html +24 -24
  10. data/_includes/google-analytics.html +7 -7
  11. data/_includes/header.html +11 -12
  12. data/_includes/icon.html +3 -0
  13. data/_includes/image-modal.html +18 -18
  14. data/_includes/important-message.html +5 -0
  15. data/_includes/latest-posts.html +14 -12
  16. data/_includes/menubar.html +20 -20
  17. data/_includes/notification.html +17 -16
  18. data/_includes/pagination.html +21 -23
  19. data/_includes/post-card.html +2 -2
  20. data/_includes/section-divider.html +5 -0
  21. data/_includes/setup.html +11 -0
  22. data/_includes/showcase.html +1 -1
  23. data/_includes/simple_banner.html +11 -0
  24. data/_includes/sponsors.html +43 -41
  25. data/_includes/subscribe.html +15 -5
  26. data/_includes/tabs.html +18 -17
  27. data/_includes/tag.html +2 -2
  28. data/_includes/toc.html +82 -82
  29. data/_includes/vimeo.html +2 -2
  30. data/_includes/youtube.html +7 -7
  31. data/_layouts/base.html +25 -0
  32. data/_layouts/blog.html +4 -3
  33. data/_layouts/default.html +34 -61
  34. data/_layouts/page.html +10 -10
  35. data/_layouts/post.html +50 -17
  36. data/_layouts/resource.html +1 -1
  37. data/_posts/2021-03-24-hello.md +1 -0
  38. data/_sass/_external.scss +1 -0
  39. data/_sass/_layout.scss +48 -36
  40. data/_sass/_main.scss +49 -22
  41. data/_sass/_showcase.scss +12 -12
  42. data/_sass/{syntax.scss → _syntax.scss} +209 -209
  43. data/_sass/_variables.scss +126 -0
  44. data/_sass/highlight/_dark.scss +71 -0
  45. data/_sass/highlight/_light.scss +259 -0
  46. data/assets/css/app.scss +8 -147
  47. data/blog/index.html +4 -2
  48. data/node_modules/bulma/CHANGELOG.md +1558 -1558
  49. data/node_modules/bulma/LICENSE +21 -21
  50. data/node_modules/bulma/README.md +134 -134
  51. data/node_modules/bulma/bulma.sass +10 -10
  52. data/node_modules/bulma/css/bulma-rtl.css +11810 -11810
  53. data/node_modules/bulma/css/bulma.css +11810 -11810
  54. data/node_modules/bulma/package.json +81 -81
  55. data/node_modules/bulma/sass/base/_all.sass +6 -6
  56. data/node_modules/bulma/sass/base/animations.sass +5 -5
  57. data/node_modules/bulma/sass/base/generic.sass +145 -145
  58. data/node_modules/bulma/sass/base/helpers.sass +1 -1
  59. data/node_modules/bulma/sass/base/minireset.sass +79 -79
  60. data/node_modules/bulma/sass/components/_all.sass +15 -15
  61. data/node_modules/bulma/sass/components/breadcrumb.sass +77 -77
  62. data/node_modules/bulma/sass/components/card.sass +103 -103
  63. data/node_modules/bulma/sass/components/dropdown.sass +83 -83
  64. data/node_modules/bulma/sass/components/level.sass +79 -79
  65. data/node_modules/bulma/sass/components/media.sass +59 -59
  66. data/node_modules/bulma/sass/components/menu.sass +59 -59
  67. data/node_modules/bulma/sass/components/message.sass +101 -101
  68. data/node_modules/bulma/sass/components/modal.sass +117 -117
  69. data/node_modules/bulma/sass/components/navbar.sass +446 -446
  70. data/node_modules/bulma/sass/components/pagination.sass +166 -166
  71. data/node_modules/bulma/sass/components/panel.sass +121 -121
  72. data/node_modules/bulma/sass/components/tabs.sass +176 -176
  73. data/node_modules/bulma/sass/elements/_all.sass +16 -16
  74. data/node_modules/bulma/sass/elements/box.sass +26 -26
  75. data/node_modules/bulma/sass/elements/button.sass +345 -345
  76. data/node_modules/bulma/sass/elements/container.sass +29 -29
  77. data/node_modules/bulma/sass/elements/content.sass +159 -159
  78. data/node_modules/bulma/sass/elements/form.sass +1 -1
  79. data/node_modules/bulma/sass/elements/icon.sass +46 -46
  80. data/node_modules/bulma/sass/elements/image.sass +73 -73
  81. data/node_modules/bulma/sass/elements/notification.sass +52 -52
  82. data/node_modules/bulma/sass/elements/other.sass +31 -31
  83. data/node_modules/bulma/sass/elements/progress.sass +73 -73
  84. data/node_modules/bulma/sass/elements/table.sass +133 -133
  85. data/node_modules/bulma/sass/elements/tag.sass +140 -140
  86. data/node_modules/bulma/sass/elements/title.sass +70 -70
  87. data/node_modules/bulma/sass/form/_all.sass +9 -9
  88. data/node_modules/bulma/sass/form/checkbox-radio.sass +22 -22
  89. data/node_modules/bulma/sass/form/file.sass +184 -184
  90. data/node_modules/bulma/sass/form/input-textarea.sass +66 -66
  91. data/node_modules/bulma/sass/form/select.sass +87 -87
  92. data/node_modules/bulma/sass/form/shared.sass +60 -60
  93. data/node_modules/bulma/sass/form/tools.sass +215 -215
  94. data/node_modules/bulma/sass/grid/_all.sass +5 -5
  95. data/node_modules/bulma/sass/grid/columns.sass +513 -513
  96. data/node_modules/bulma/sass/grid/tiles.sass +36 -36
  97. data/node_modules/bulma/sass/helpers/_all.sass +12 -12
  98. data/node_modules/bulma/sass/helpers/color.sass +39 -39
  99. data/node_modules/bulma/sass/helpers/flexbox.sass +35 -35
  100. data/node_modules/bulma/sass/helpers/float.sass +10 -10
  101. data/node_modules/bulma/sass/helpers/other.sass +14 -14
  102. data/node_modules/bulma/sass/helpers/overflow.sass +2 -2
  103. data/node_modules/bulma/sass/helpers/position.sass +7 -7
  104. data/node_modules/bulma/sass/helpers/spacing.sass +31 -31
  105. data/node_modules/bulma/sass/helpers/typography.sass +103 -103
  106. data/node_modules/bulma/sass/helpers/visibility.sass +122 -122
  107. data/node_modules/bulma/sass/layout/_all.sass +6 -6
  108. data/node_modules/bulma/sass/layout/footer.sass +11 -11
  109. data/node_modules/bulma/sass/layout/hero.sass +153 -153
  110. data/node_modules/bulma/sass/layout/section.sass +17 -17
  111. data/node_modules/bulma/sass/utilities/_all.sass +9 -9
  112. data/node_modules/bulma/sass/utilities/animations.sass +1 -1
  113. data/node_modules/bulma/sass/utilities/controls.sass +49 -49
  114. data/node_modules/bulma/sass/utilities/derived-variables.sass +114 -114
  115. data/node_modules/bulma/sass/utilities/extends.sass +25 -25
  116. data/node_modules/bulma/sass/utilities/functions.sass +136 -136
  117. data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -78
  118. data/node_modules/bulma/sass/utilities/mixins.sass +280 -280
  119. data/node_modules/bulma-block-list/LICENSE.txt +21 -21
  120. data/node_modules/bulma-block-list/README.md +31 -31
  121. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  122. data/node_modules/bulma-block-list/docs/_config.yml +15 -15
  123. data/node_modules/bulma-block-list/docs/_data/menu.yaml +19 -19
  124. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +108 -108
  125. data/node_modules/bulma-block-list/docs/_sass/_main.scss +19 -19
  126. data/node_modules/bulma-block-list/docs/assets/css/app.scss +6 -6
  127. data/node_modules/bulma-block-list/docs/index.html +260 -260
  128. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -1390
  129. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -21
  130. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -130
  131. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -9
  132. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10854 -10854
  133. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -77
  134. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -5
  135. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -142
  136. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -281
  137. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -79
  138. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -15
  139. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -75
  140. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -79
  141. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -81
  142. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -77
  143. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +39 -39
  144. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -50
  145. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -57
  146. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -99
  147. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -113
  148. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -441
  149. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -150
  150. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -119
  151. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -151
  152. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -15
  153. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -24
  154. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -323
  155. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -24
  156. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -155
  157. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -1
  158. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -21
  159. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -71
  160. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -43
  161. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -39
  162. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -67
  163. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -127
  164. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -128
  165. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -70
  166. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -8
  167. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -21
  168. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -180
  169. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -64
  170. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -85
  171. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -55
  172. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -205
  173. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -4
  174. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -504
  175. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -34
  176. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -5
  177. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -9
  178. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -145
  179. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -13
  180. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -8
  181. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -5
  182. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -50
  183. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -106
  184. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -110
  185. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -77
  186. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -261
  187. data/node_modules/bulma-block-list/package.json +56 -56
  188. data/node_modules/bulma-block-list/src/block-list.scss +108 -108
  189. data/node_modules/bulma-block-list/src/demo.scss +2 -2
  190. data/package-lock.json +28 -28
  191. data/package.json +20 -20
  192. metadata +16 -13
  193. data/_includes/hero.html +0 -11
  194. data/_includes/join.html +0 -30
  195. data/_includes/rating.html +0 -14
  196. data/_includes/review.html +0 -27
  197. data/_includes/share-buttons.html +0 -19
  198. data/_layouts/product-category.html +0 -42
  199. data/_layouts/product.html +0 -61
  200. data/_layouts/recipe.html +0 -98
  201. data/assets/css/highlight.css +0 -78
@@ -1,184 +1,184 @@
1
- $file-border-color: $border !default
2
- $file-radius: $radius !default
3
-
4
- $file-cta-background-color: $scheme-main-ter !default
5
- $file-cta-color: $text !default
6
- $file-cta-hover-color: $text-strong !default
7
- $file-cta-active-color: $text-strong !default
8
-
9
- $file-name-border-color: $border !default
10
- $file-name-border-style: solid !default
11
- $file-name-border-width: 1px 1px 1px 0 !default
12
- $file-name-max-width: 16em !default
13
-
14
- $file-colors: $form-colors !default
15
-
16
- .file
17
- @extend %unselectable
18
- align-items: stretch
19
- display: flex
20
- justify-content: flex-start
21
- position: relative
22
- // Colors
23
- @each $name, $pair in $file-colors
24
- $color: nth($pair, 1)
25
- $color-invert: nth($pair, 2)
26
- &.is-#{$name}
27
- .file-cta
28
- background-color: $color
29
- border-color: transparent
30
- color: $color-invert
31
- &:hover,
32
- &.is-hovered
33
- .file-cta
34
- background-color: bulmaDarken($color, 2.5%)
35
- border-color: transparent
36
- color: $color-invert
37
- &:focus,
38
- &.is-focused
39
- .file-cta
40
- border-color: transparent
41
- box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
42
- color: $color-invert
43
- &:active,
44
- &.is-active
45
- .file-cta
46
- background-color: bulmaDarken($color, 5%)
47
- border-color: transparent
48
- color: $color-invert
49
- // Sizes
50
- &.is-small
51
- font-size: $size-small
52
- &.is-normal
53
- font-size: $size-normal
54
- &.is-medium
55
- font-size: $size-medium
56
- .file-icon
57
- .fa
58
- font-size: 21px
59
- &.is-large
60
- font-size: $size-large
61
- .file-icon
62
- .fa
63
- font-size: 28px
64
- // Modifiers
65
- &.has-name
66
- .file-cta
67
- border-bottom-right-radius: 0
68
- border-top-right-radius: 0
69
- .file-name
70
- border-bottom-left-radius: 0
71
- border-top-left-radius: 0
72
- &.is-empty
73
- .file-cta
74
- border-radius: $file-radius
75
- .file-name
76
- display: none
77
- &.is-boxed
78
- .file-label
79
- flex-direction: column
80
- .file-cta
81
- flex-direction: column
82
- height: auto
83
- padding: 1em 3em
84
- .file-name
85
- border-width: 0 1px 1px
86
- .file-icon
87
- height: 1.5em
88
- width: 1.5em
89
- .fa
90
- font-size: 21px
91
- &.is-small
92
- .file-icon .fa
93
- font-size: 14px
94
- &.is-medium
95
- .file-icon .fa
96
- font-size: 28px
97
- &.is-large
98
- .file-icon .fa
99
- font-size: 35px
100
- &.has-name
101
- .file-cta
102
- border-radius: $file-radius $file-radius 0 0
103
- .file-name
104
- border-radius: 0 0 $file-radius $file-radius
105
- border-width: 0 1px 1px
106
- &.is-centered
107
- justify-content: center
108
- &.is-fullwidth
109
- .file-label
110
- width: 100%
111
- .file-name
112
- flex-grow: 1
113
- max-width: none
114
- &.is-right
115
- justify-content: flex-end
116
- .file-cta
117
- border-radius: 0 $file-radius $file-radius 0
118
- .file-name
119
- border-radius: $file-radius 0 0 $file-radius
120
- border-width: 1px 0 1px 1px
121
- order: -1
122
-
123
- .file-label
124
- align-items: stretch
125
- display: flex
126
- cursor: pointer
127
- justify-content: flex-start
128
- overflow: hidden
129
- position: relative
130
- &:hover
131
- .file-cta
132
- background-color: bulmaDarken($file-cta-background-color, 2.5%)
133
- color: $file-cta-hover-color
134
- .file-name
135
- border-color: bulmaDarken($file-name-border-color, 2.5%)
136
- &:active
137
- .file-cta
138
- background-color: bulmaDarken($file-cta-background-color, 5%)
139
- color: $file-cta-active-color
140
- .file-name
141
- border-color: bulmaDarken($file-name-border-color, 5%)
142
-
143
- .file-input
144
- height: 100%
145
- left: 0
146
- opacity: 0
147
- outline: none
148
- position: absolute
149
- top: 0
150
- width: 100%
151
-
152
- .file-cta,
153
- .file-name
154
- @extend %control
155
- border-color: $file-border-color
156
- border-radius: $file-radius
157
- font-size: 1em
158
- padding-left: 1em
159
- padding-right: 1em
160
- white-space: nowrap
161
-
162
- .file-cta
163
- background-color: $file-cta-background-color
164
- color: $file-cta-color
165
-
166
- .file-name
167
- border-color: $file-name-border-color
168
- border-style: $file-name-border-style
169
- border-width: $file-name-border-width
170
- display: block
171
- max-width: $file-name-max-width
172
- overflow: hidden
173
- text-align: inherit
174
- text-overflow: ellipsis
175
-
176
- .file-icon
177
- align-items: center
178
- display: flex
179
- height: 1em
180
- justify-content: center
181
- +ltr-property("margin", 0.5em)
182
- width: 1em
183
- .fa
184
- font-size: 14px
1
+ $file-border-color: $border !default
2
+ $file-radius: $radius !default
3
+
4
+ $file-cta-background-color: $scheme-main-ter !default
5
+ $file-cta-color: $text !default
6
+ $file-cta-hover-color: $text-strong !default
7
+ $file-cta-active-color: $text-strong !default
8
+
9
+ $file-name-border-color: $border !default
10
+ $file-name-border-style: solid !default
11
+ $file-name-border-width: 1px 1px 1px 0 !default
12
+ $file-name-max-width: 16em !default
13
+
14
+ $file-colors: $form-colors !default
15
+
16
+ .file
17
+ @extend %unselectable
18
+ align-items: stretch
19
+ display: flex
20
+ justify-content: flex-start
21
+ position: relative
22
+ // Colors
23
+ @each $name, $pair in $file-colors
24
+ $color: nth($pair, 1)
25
+ $color-invert: nth($pair, 2)
26
+ &.is-#{$name}
27
+ .file-cta
28
+ background-color: $color
29
+ border-color: transparent
30
+ color: $color-invert
31
+ &:hover,
32
+ &.is-hovered
33
+ .file-cta
34
+ background-color: bulmaDarken($color, 2.5%)
35
+ border-color: transparent
36
+ color: $color-invert
37
+ &:focus,
38
+ &.is-focused
39
+ .file-cta
40
+ border-color: transparent
41
+ box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
42
+ color: $color-invert
43
+ &:active,
44
+ &.is-active
45
+ .file-cta
46
+ background-color: bulmaDarken($color, 5%)
47
+ border-color: transparent
48
+ color: $color-invert
49
+ // Sizes
50
+ &.is-small
51
+ font-size: $size-small
52
+ &.is-normal
53
+ font-size: $size-normal
54
+ &.is-medium
55
+ font-size: $size-medium
56
+ .file-icon
57
+ .fa
58
+ font-size: 21px
59
+ &.is-large
60
+ font-size: $size-large
61
+ .file-icon
62
+ .fa
63
+ font-size: 28px
64
+ // Modifiers
65
+ &.has-name
66
+ .file-cta
67
+ border-bottom-right-radius: 0
68
+ border-top-right-radius: 0
69
+ .file-name
70
+ border-bottom-left-radius: 0
71
+ border-top-left-radius: 0
72
+ &.is-empty
73
+ .file-cta
74
+ border-radius: $file-radius
75
+ .file-name
76
+ display: none
77
+ &.is-boxed
78
+ .file-label
79
+ flex-direction: column
80
+ .file-cta
81
+ flex-direction: column
82
+ height: auto
83
+ padding: 1em 3em
84
+ .file-name
85
+ border-width: 0 1px 1px
86
+ .file-icon
87
+ height: 1.5em
88
+ width: 1.5em
89
+ .fa
90
+ font-size: 21px
91
+ &.is-small
92
+ .file-icon .fa
93
+ font-size: 14px
94
+ &.is-medium
95
+ .file-icon .fa
96
+ font-size: 28px
97
+ &.is-large
98
+ .file-icon .fa
99
+ font-size: 35px
100
+ &.has-name
101
+ .file-cta
102
+ border-radius: $file-radius $file-radius 0 0
103
+ .file-name
104
+ border-radius: 0 0 $file-radius $file-radius
105
+ border-width: 0 1px 1px
106
+ &.is-centered
107
+ justify-content: center
108
+ &.is-fullwidth
109
+ .file-label
110
+ width: 100%
111
+ .file-name
112
+ flex-grow: 1
113
+ max-width: none
114
+ &.is-right
115
+ justify-content: flex-end
116
+ .file-cta
117
+ border-radius: 0 $file-radius $file-radius 0
118
+ .file-name
119
+ border-radius: $file-radius 0 0 $file-radius
120
+ border-width: 1px 0 1px 1px
121
+ order: -1
122
+
123
+ .file-label
124
+ align-items: stretch
125
+ display: flex
126
+ cursor: pointer
127
+ justify-content: flex-start
128
+ overflow: hidden
129
+ position: relative
130
+ &:hover
131
+ .file-cta
132
+ background-color: bulmaDarken($file-cta-background-color, 2.5%)
133
+ color: $file-cta-hover-color
134
+ .file-name
135
+ border-color: bulmaDarken($file-name-border-color, 2.5%)
136
+ &:active
137
+ .file-cta
138
+ background-color: bulmaDarken($file-cta-background-color, 5%)
139
+ color: $file-cta-active-color
140
+ .file-name
141
+ border-color: bulmaDarken($file-name-border-color, 5%)
142
+
143
+ .file-input
144
+ height: 100%
145
+ left: 0
146
+ opacity: 0
147
+ outline: none
148
+ position: absolute
149
+ top: 0
150
+ width: 100%
151
+
152
+ .file-cta,
153
+ .file-name
154
+ @extend %control
155
+ border-color: $file-border-color
156
+ border-radius: $file-radius
157
+ font-size: 1em
158
+ padding-left: 1em
159
+ padding-right: 1em
160
+ white-space: nowrap
161
+
162
+ .file-cta
163
+ background-color: $file-cta-background-color
164
+ color: $file-cta-color
165
+
166
+ .file-name
167
+ border-color: $file-name-border-color
168
+ border-style: $file-name-border-style
169
+ border-width: $file-name-border-width
170
+ display: block
171
+ max-width: $file-name-max-width
172
+ overflow: hidden
173
+ text-align: inherit
174
+ text-overflow: ellipsis
175
+
176
+ .file-icon
177
+ align-items: center
178
+ display: flex
179
+ height: 1em
180
+ justify-content: center
181
+ +ltr-property("margin", 0.5em)
182
+ width: 1em
183
+ .fa
184
+ font-size: 14px
@@ -1,66 +1,66 @@
1
- $textarea-padding: $control-padding-horizontal !default
2
- $textarea-max-height: 40em !default
3
- $textarea-min-height: 8em !default
4
-
5
- $textarea-colors: $form-colors !default
6
-
7
- %input-textarea
8
- @extend %input
9
- box-shadow: $input-shadow
10
- max-width: 100%
11
- width: 100%
12
- &[readonly]
13
- box-shadow: none
14
- // Colors
15
- @each $name, $pair in $textarea-colors
16
- $color: nth($pair, 1)
17
- &.is-#{$name}
18
- border-color: $color
19
- &:focus,
20
- &.is-focused,
21
- &:active,
22
- &.is-active
23
- box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
24
- // Sizes
25
- &.is-small
26
- +control-small
27
- &.is-medium
28
- +control-medium
29
- &.is-large
30
- +control-large
31
- // Modifiers
32
- &.is-fullwidth
33
- display: block
34
- width: 100%
35
- &.is-inline
36
- display: inline
37
- width: auto
38
-
39
- .input
40
- @extend %input-textarea
41
- &.is-rounded
42
- border-radius: $radius-rounded
43
- padding-left: calc(#{$control-padding-horizontal} + 0.375em)
44
- padding-right: calc(#{$control-padding-horizontal} + 0.375em)
45
- &.is-static
46
- background-color: transparent
47
- border-color: transparent
48
- box-shadow: none
49
- padding-left: 0
50
- padding-right: 0
51
-
52
- .textarea
53
- @extend %input-textarea
54
- display: block
55
- max-width: 100%
56
- min-width: 100%
57
- padding: $textarea-padding
58
- resize: vertical
59
- &:not([rows])
60
- max-height: $textarea-max-height
61
- min-height: $textarea-min-height
62
- &[rows]
63
- height: initial
64
- // Modifiers
65
- &.has-fixed-size
66
- resize: none
1
+ $textarea-padding: $control-padding-horizontal !default
2
+ $textarea-max-height: 40em !default
3
+ $textarea-min-height: 8em !default
4
+
5
+ $textarea-colors: $form-colors !default
6
+
7
+ %input-textarea
8
+ @extend %input
9
+ box-shadow: $input-shadow
10
+ max-width: 100%
11
+ width: 100%
12
+ &[readonly]
13
+ box-shadow: none
14
+ // Colors
15
+ @each $name, $pair in $textarea-colors
16
+ $color: nth($pair, 1)
17
+ &.is-#{$name}
18
+ border-color: $color
19
+ &:focus,
20
+ &.is-focused,
21
+ &:active,
22
+ &.is-active
23
+ box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
24
+ // Sizes
25
+ &.is-small
26
+ +control-small
27
+ &.is-medium
28
+ +control-medium
29
+ &.is-large
30
+ +control-large
31
+ // Modifiers
32
+ &.is-fullwidth
33
+ display: block
34
+ width: 100%
35
+ &.is-inline
36
+ display: inline
37
+ width: auto
38
+
39
+ .input
40
+ @extend %input-textarea
41
+ &.is-rounded
42
+ border-radius: $radius-rounded
43
+ padding-left: calc(#{$control-padding-horizontal} + 0.375em)
44
+ padding-right: calc(#{$control-padding-horizontal} + 0.375em)
45
+ &.is-static
46
+ background-color: transparent
47
+ border-color: transparent
48
+ box-shadow: none
49
+ padding-left: 0
50
+ padding-right: 0
51
+
52
+ .textarea
53
+ @extend %input-textarea
54
+ display: block
55
+ max-width: 100%
56
+ min-width: 100%
57
+ padding: $textarea-padding
58
+ resize: vertical
59
+ &:not([rows])
60
+ max-height: $textarea-max-height
61
+ min-height: $textarea-min-height
62
+ &[rows]
63
+ height: initial
64
+ // Modifiers
65
+ &.has-fixed-size
66
+ resize: none
@@ -1,87 +1,87 @@
1
- $select-colors: $form-colors !default
2
-
3
- .select
4
- display: inline-block
5
- max-width: 100%
6
- position: relative
7
- vertical-align: top
8
- &:not(.is-multiple)
9
- height: $input-height
10
- &:not(.is-multiple):not(.is-loading)
11
- &::after
12
- @extend %arrow
13
- border-color: $input-arrow
14
- +ltr-position(1.125em)
15
- z-index: 4
16
- &.is-rounded
17
- select
18
- border-radius: $radius-rounded
19
- +ltr-property("padding", 1em, false)
20
- select
21
- @extend %input
22
- cursor: pointer
23
- display: block
24
- font-size: 1em
25
- max-width: 100%
26
- outline: none
27
- &::-ms-expand
28
- display: none
29
- &[disabled]:hover,
30
- fieldset[disabled] &:hover
31
- border-color: $input-disabled-border-color
32
- &:not([multiple])
33
- +ltr-property("padding", 2.5em)
34
- &[multiple]
35
- height: auto
36
- padding: 0
37
- option
38
- padding: 0.5em 1em
39
- // States
40
- &:not(.is-multiple):not(.is-loading):hover
41
- &::after
42
- border-color: $input-hover-color
43
- // Colors
44
- @each $name, $pair in $select-colors
45
- $color: nth($pair, 1)
46
- &.is-#{$name}
47
- &:not(:hover)::after
48
- border-color: $color
49
- select
50
- border-color: $color
51
- &:hover,
52
- &.is-hovered
53
- border-color: bulmaDarken($color, 5%)
54
- &:focus,
55
- &.is-focused,
56
- &:active,
57
- &.is-active
58
- box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
59
- // Sizes
60
- &.is-small
61
- +control-small
62
- &.is-medium
63
- +control-medium
64
- &.is-large
65
- +control-large
66
- // Modifiers
67
- &.is-disabled
68
- &::after
69
- border-color: $input-disabled-color
70
- &.is-fullwidth
71
- width: 100%
72
- select
73
- width: 100%
74
- &.is-loading
75
- &::after
76
- @extend %loader
77
- margin-top: 0
78
- position: absolute
79
- +ltr-position(0.625em)
80
- top: 0.625em
81
- transform: none
82
- &.is-small:after
83
- font-size: $size-small
84
- &.is-medium:after
85
- font-size: $size-medium
86
- &.is-large:after
87
- font-size: $size-large
1
+ $select-colors: $form-colors !default
2
+
3
+ .select
4
+ display: inline-block
5
+ max-width: 100%
6
+ position: relative
7
+ vertical-align: top
8
+ &:not(.is-multiple)
9
+ height: $input-height
10
+ &:not(.is-multiple):not(.is-loading)
11
+ &::after
12
+ @extend %arrow
13
+ border-color: $input-arrow
14
+ +ltr-position(1.125em)
15
+ z-index: 4
16
+ &.is-rounded
17
+ select
18
+ border-radius: $radius-rounded
19
+ +ltr-property("padding", 1em, false)
20
+ select
21
+ @extend %input
22
+ cursor: pointer
23
+ display: block
24
+ font-size: 1em
25
+ max-width: 100%
26
+ outline: none
27
+ &::-ms-expand
28
+ display: none
29
+ &[disabled]:hover,
30
+ fieldset[disabled] &:hover
31
+ border-color: $input-disabled-border-color
32
+ &:not([multiple])
33
+ +ltr-property("padding", 2.5em)
34
+ &[multiple]
35
+ height: auto
36
+ padding: 0
37
+ option
38
+ padding: 0.5em 1em
39
+ // States
40
+ &:not(.is-multiple):not(.is-loading):hover
41
+ &::after
42
+ border-color: $input-hover-color
43
+ // Colors
44
+ @each $name, $pair in $select-colors
45
+ $color: nth($pair, 1)
46
+ &.is-#{$name}
47
+ &:not(:hover)::after
48
+ border-color: $color
49
+ select
50
+ border-color: $color
51
+ &:hover,
52
+ &.is-hovered
53
+ border-color: bulmaDarken($color, 5%)
54
+ &:focus,
55
+ &.is-focused,
56
+ &:active,
57
+ &.is-active
58
+ box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
59
+ // Sizes
60
+ &.is-small
61
+ +control-small
62
+ &.is-medium
63
+ +control-medium
64
+ &.is-large
65
+ +control-large
66
+ // Modifiers
67
+ &.is-disabled
68
+ &::after
69
+ border-color: $input-disabled-color
70
+ &.is-fullwidth
71
+ width: 100%
72
+ select
73
+ width: 100%
74
+ &.is-loading
75
+ &::after
76
+ @extend %loader
77
+ margin-top: 0
78
+ position: absolute
79
+ +ltr-position(0.625em)
80
+ top: 0.625em
81
+ transform: none
82
+ &.is-small:after
83
+ font-size: $size-small
84
+ &.is-medium:after
85
+ font-size: $size-medium
86
+ &.is-large:after
87
+ font-size: $size-large