jekyll-theme-opentoolbox 1.1.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (191) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +57 -31
  3. data/_includes/banner.html +4 -4
  4. data/_includes/callouts.html +8 -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 +6 -17
  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 +1 -1
  20. data/_includes/section-divider.html +5 -0
  21. data/_includes/showcase.html +1 -1
  22. data/_includes/simple_banner.html +11 -0
  23. data/_includes/sponsors.html +43 -41
  24. data/_includes/subscribe.html +15 -15
  25. data/_includes/tabs.html +18 -17
  26. data/_includes/tag.html +2 -2
  27. data/_includes/toc.html +82 -82
  28. data/_includes/vimeo.html +2 -2
  29. data/_includes/youtube.html +7 -7
  30. data/_layouts/base.html +2 -0
  31. data/_layouts/default.html +1 -1
  32. data/_layouts/page.html +10 -10
  33. data/_layouts/post.html +4 -2
  34. data/_layouts/resource.html +1 -1
  35. data/_sass/_external.scss +1 -0
  36. data/_sass/_layout.scss +48 -36
  37. data/_sass/_main.scss +45 -22
  38. data/_sass/_showcase.scss +12 -12
  39. data/_sass/{syntax.scss → _syntax.scss} +209 -209
  40. data/_sass/_variables.scss +125 -0
  41. data/_sass/highlight/_dark.scss +71 -0
  42. data/_sass/{_highlight.scss → highlight/_light.scss} +0 -0
  43. data/assets/css/app.scss +7 -146
  44. data/blog/index.html +4 -2
  45. data/node_modules/bulma-block-list/LICENSE.txt +21 -21
  46. data/node_modules/bulma-block-list/README.md +31 -31
  47. data/node_modules/bulma-block-list/docs/Gemfile +2 -2
  48. data/node_modules/bulma-block-list/docs/_config.yml +15 -15
  49. data/node_modules/bulma-block-list/docs/_data/menu.yaml +19 -19
  50. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +108 -108
  51. data/node_modules/bulma-block-list/docs/_sass/_main.scss +19 -19
  52. data/node_modules/bulma-block-list/docs/assets/css/app.scss +6 -6
  53. data/node_modules/bulma-block-list/docs/index.html +260 -260
  54. data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -1390
  55. data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -21
  56. data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -130
  57. data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -9
  58. data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10854 -10854
  59. data/node_modules/bulma-block-list/node_modules/bulma/package.json +77 -77
  60. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -5
  61. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -142
  62. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -281
  63. data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -79
  64. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -15
  65. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -75
  66. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -79
  67. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -81
  68. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -77
  69. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +39 -39
  70. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -50
  71. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -57
  72. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -99
  73. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -113
  74. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -441
  75. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -150
  76. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -119
  77. data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -151
  78. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -15
  79. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -24
  80. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -323
  81. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -24
  82. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -155
  83. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -1
  84. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -21
  85. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -71
  86. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -43
  87. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -39
  88. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -67
  89. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -127
  90. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -128
  91. data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -70
  92. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -8
  93. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -21
  94. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -180
  95. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -64
  96. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -85
  97. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -55
  98. data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -205
  99. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -4
  100. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -504
  101. data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -34
  102. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -5
  103. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -9
  104. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -145
  105. data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -13
  106. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -8
  107. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -5
  108. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -50
  109. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -106
  110. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -110
  111. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -77
  112. data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -261
  113. data/node_modules/bulma-block-list/package.json +56 -56
  114. data/node_modules/bulma-block-list/src/block-list.scss +108 -108
  115. data/node_modules/bulma-block-list/src/demo.scss +2 -2
  116. data/node_modules/bulma/CHANGELOG.md +1558 -1558
  117. data/node_modules/bulma/LICENSE +21 -21
  118. data/node_modules/bulma/README.md +134 -134
  119. data/node_modules/bulma/bulma.sass +10 -10
  120. data/node_modules/bulma/css/bulma-rtl.css +11810 -11810
  121. data/node_modules/bulma/css/bulma.css +11810 -11810
  122. data/node_modules/bulma/package.json +81 -81
  123. data/node_modules/bulma/sass/base/_all.sass +6 -6
  124. data/node_modules/bulma/sass/base/animations.sass +5 -5
  125. data/node_modules/bulma/sass/base/generic.sass +145 -145
  126. data/node_modules/bulma/sass/base/helpers.sass +1 -1
  127. data/node_modules/bulma/sass/base/minireset.sass +79 -79
  128. data/node_modules/bulma/sass/components/_all.sass +15 -15
  129. data/node_modules/bulma/sass/components/breadcrumb.sass +77 -77
  130. data/node_modules/bulma/sass/components/card.sass +103 -103
  131. data/node_modules/bulma/sass/components/dropdown.sass +83 -83
  132. data/node_modules/bulma/sass/components/level.sass +79 -79
  133. data/node_modules/bulma/sass/components/media.sass +59 -59
  134. data/node_modules/bulma/sass/components/menu.sass +59 -59
  135. data/node_modules/bulma/sass/components/message.sass +101 -101
  136. data/node_modules/bulma/sass/components/modal.sass +117 -117
  137. data/node_modules/bulma/sass/components/navbar.sass +446 -446
  138. data/node_modules/bulma/sass/components/pagination.sass +166 -166
  139. data/node_modules/bulma/sass/components/panel.sass +121 -121
  140. data/node_modules/bulma/sass/components/tabs.sass +176 -176
  141. data/node_modules/bulma/sass/elements/_all.sass +16 -16
  142. data/node_modules/bulma/sass/elements/box.sass +26 -26
  143. data/node_modules/bulma/sass/elements/button.sass +345 -345
  144. data/node_modules/bulma/sass/elements/container.sass +29 -29
  145. data/node_modules/bulma/sass/elements/content.sass +159 -159
  146. data/node_modules/bulma/sass/elements/form.sass +1 -1
  147. data/node_modules/bulma/sass/elements/icon.sass +46 -46
  148. data/node_modules/bulma/sass/elements/image.sass +73 -73
  149. data/node_modules/bulma/sass/elements/notification.sass +52 -52
  150. data/node_modules/bulma/sass/elements/other.sass +31 -31
  151. data/node_modules/bulma/sass/elements/progress.sass +73 -73
  152. data/node_modules/bulma/sass/elements/table.sass +133 -133
  153. data/node_modules/bulma/sass/elements/tag.sass +140 -140
  154. data/node_modules/bulma/sass/elements/title.sass +70 -70
  155. data/node_modules/bulma/sass/form/_all.sass +9 -9
  156. data/node_modules/bulma/sass/form/checkbox-radio.sass +22 -22
  157. data/node_modules/bulma/sass/form/file.sass +184 -184
  158. data/node_modules/bulma/sass/form/input-textarea.sass +66 -66
  159. data/node_modules/bulma/sass/form/select.sass +87 -87
  160. data/node_modules/bulma/sass/form/shared.sass +60 -60
  161. data/node_modules/bulma/sass/form/tools.sass +215 -215
  162. data/node_modules/bulma/sass/grid/_all.sass +5 -5
  163. data/node_modules/bulma/sass/grid/columns.sass +513 -513
  164. data/node_modules/bulma/sass/grid/tiles.sass +36 -36
  165. data/node_modules/bulma/sass/helpers/_all.sass +12 -12
  166. data/node_modules/bulma/sass/helpers/color.sass +39 -39
  167. data/node_modules/bulma/sass/helpers/flexbox.sass +35 -35
  168. data/node_modules/bulma/sass/helpers/float.sass +10 -10
  169. data/node_modules/bulma/sass/helpers/other.sass +14 -14
  170. data/node_modules/bulma/sass/helpers/overflow.sass +2 -2
  171. data/node_modules/bulma/sass/helpers/position.sass +7 -7
  172. data/node_modules/bulma/sass/helpers/spacing.sass +31 -31
  173. data/node_modules/bulma/sass/helpers/typography.sass +103 -103
  174. data/node_modules/bulma/sass/helpers/visibility.sass +122 -122
  175. data/node_modules/bulma/sass/layout/_all.sass +6 -6
  176. data/node_modules/bulma/sass/layout/footer.sass +11 -11
  177. data/node_modules/bulma/sass/layout/hero.sass +153 -153
  178. data/node_modules/bulma/sass/layout/section.sass +17 -17
  179. data/node_modules/bulma/sass/utilities/_all.sass +9 -9
  180. data/node_modules/bulma/sass/utilities/animations.sass +1 -1
  181. data/node_modules/bulma/sass/utilities/controls.sass +49 -49
  182. data/node_modules/bulma/sass/utilities/derived-variables.sass +114 -114
  183. data/node_modules/bulma/sass/utilities/extends.sass +25 -25
  184. data/node_modules/bulma/sass/utilities/functions.sass +136 -136
  185. data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -78
  186. data/node_modules/bulma/sass/utilities/mixins.sass +280 -280
  187. data/package-lock.json +28 -28
  188. data/package.json +20 -20
  189. metadata +14 -7
  190. data/_includes/hero.html +0 -11
  191. data/_includes/join.html +0 -30
@@ -1,70 +1,70 @@
1
- @import "../utilities/mixins"
2
-
3
- $title-color: $text-strong !default
4
- $title-family: false !default
5
- $title-size: $size-3 !default
6
- $title-weight: $weight-semibold !default
7
- $title-line-height: 1.125 !default
8
- $title-strong-color: inherit !default
9
- $title-strong-weight: inherit !default
10
- $title-sub-size: 0.75em !default
11
- $title-sup-size: 0.75em !default
12
-
13
- $subtitle-color: $text !default
14
- $subtitle-family: false !default
15
- $subtitle-size: $size-5 !default
16
- $subtitle-weight: $weight-normal !default
17
- $subtitle-line-height: 1.25 !default
18
- $subtitle-strong-color: $text-strong !default
19
- $subtitle-strong-weight: $weight-semibold !default
20
- $subtitle-negative-margin: -1.25rem !default
21
-
22
- .title,
23
- .subtitle
24
- @extend %block
25
- word-break: break-word
26
- em,
27
- span
28
- font-weight: inherit
29
- sub
30
- font-size: $title-sub-size
31
- sup
32
- font-size: $title-sup-size
33
- .tag
34
- vertical-align: middle
35
-
36
- .title
37
- color: $title-color
38
- @if $title-family
39
- font-family: $title-family
40
- font-size: $title-size
41
- font-weight: $title-weight
42
- line-height: $title-line-height
43
- strong
44
- color: $title-strong-color
45
- font-weight: $title-strong-weight
46
- &:not(.is-spaced) + .subtitle
47
- margin-top: $subtitle-negative-margin
48
- // Sizes
49
- @each $size in $sizes
50
- $i: index($sizes, $size)
51
- &.is-#{$i}
52
- font-size: $size
53
-
54
- .subtitle
55
- color: $subtitle-color
56
- @if $subtitle-family
57
- font-family: $subtitle-family
58
- font-size: $subtitle-size
59
- font-weight: $subtitle-weight
60
- line-height: $subtitle-line-height
61
- strong
62
- color: $subtitle-strong-color
63
- font-weight: $subtitle-strong-weight
64
- &:not(.is-spaced) + .title
65
- margin-top: $subtitle-negative-margin
66
- // Sizes
67
- @each $size in $sizes
68
- $i: index($sizes, $size)
69
- &.is-#{$i}
70
- font-size: $size
1
+ @import "../utilities/mixins"
2
+
3
+ $title-color: $text-strong !default
4
+ $title-family: false !default
5
+ $title-size: $size-3 !default
6
+ $title-weight: $weight-semibold !default
7
+ $title-line-height: 1.125 !default
8
+ $title-strong-color: inherit !default
9
+ $title-strong-weight: inherit !default
10
+ $title-sub-size: 0.75em !default
11
+ $title-sup-size: 0.75em !default
12
+
13
+ $subtitle-color: $text !default
14
+ $subtitle-family: false !default
15
+ $subtitle-size: $size-5 !default
16
+ $subtitle-weight: $weight-normal !default
17
+ $subtitle-line-height: 1.25 !default
18
+ $subtitle-strong-color: $text-strong !default
19
+ $subtitle-strong-weight: $weight-semibold !default
20
+ $subtitle-negative-margin: -1.25rem !default
21
+
22
+ .title,
23
+ .subtitle
24
+ @extend %block
25
+ word-break: break-word
26
+ em,
27
+ span
28
+ font-weight: inherit
29
+ sub
30
+ font-size: $title-sub-size
31
+ sup
32
+ font-size: $title-sup-size
33
+ .tag
34
+ vertical-align: middle
35
+
36
+ .title
37
+ color: $title-color
38
+ @if $title-family
39
+ font-family: $title-family
40
+ font-size: $title-size
41
+ font-weight: $title-weight
42
+ line-height: $title-line-height
43
+ strong
44
+ color: $title-strong-color
45
+ font-weight: $title-strong-weight
46
+ &:not(.is-spaced) + .subtitle
47
+ margin-top: $subtitle-negative-margin
48
+ // Sizes
49
+ @each $size in $sizes
50
+ $i: index($sizes, $size)
51
+ &.is-#{$i}
52
+ font-size: $size
53
+
54
+ .subtitle
55
+ color: $subtitle-color
56
+ @if $subtitle-family
57
+ font-family: $subtitle-family
58
+ font-size: $subtitle-size
59
+ font-weight: $subtitle-weight
60
+ line-height: $subtitle-line-height
61
+ strong
62
+ color: $subtitle-strong-color
63
+ font-weight: $subtitle-strong-weight
64
+ &:not(.is-spaced) + .title
65
+ margin-top: $subtitle-negative-margin
66
+ // Sizes
67
+ @each $size in $sizes
68
+ $i: index($sizes, $size)
69
+ &.is-#{$i}
70
+ font-size: $size
@@ -1,9 +1,9 @@
1
- /* Bulma Form */
2
- @charset "utf-8"
3
-
4
- @import "shared"
5
- @import "input-textarea"
6
- @import "checkbox-radio"
7
- @import "select"
8
- @import "file"
9
- @import "tools"
1
+ /* Bulma Form */
2
+ @charset "utf-8"
3
+
4
+ @import "shared"
5
+ @import "input-textarea"
6
+ @import "checkbox-radio"
7
+ @import "select"
8
+ @import "file"
9
+ @import "tools"
@@ -1,22 +1,22 @@
1
- %checkbox-radio
2
- cursor: pointer
3
- display: inline-block
4
- line-height: 1.25
5
- position: relative
6
- input
7
- cursor: pointer
8
- &:hover
9
- color: $input-hover-color
10
- &[disabled],
11
- fieldset[disabled] &,
12
- input[disabled]
13
- color: $input-disabled-color
14
- cursor: not-allowed
15
-
16
- .checkbox
17
- @extend %checkbox-radio
18
-
19
- .radio
20
- @extend %checkbox-radio
21
- & + .radio
22
- +ltr-property("margin", 0.5em, false)
1
+ %checkbox-radio
2
+ cursor: pointer
3
+ display: inline-block
4
+ line-height: 1.25
5
+ position: relative
6
+ input
7
+ cursor: pointer
8
+ &:hover
9
+ color: $input-hover-color
10
+ &[disabled],
11
+ fieldset[disabled] &,
12
+ input[disabled]
13
+ color: $input-disabled-color
14
+ cursor: not-allowed
15
+
16
+ .checkbox
17
+ @extend %checkbox-radio
18
+
19
+ .radio
20
+ @extend %checkbox-radio
21
+ & + .radio
22
+ +ltr-property("margin", 0.5em, false)
@@ -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