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,70 +0,0 @@
1
- $title-color: $text-strong !default
2
- $title-family: false !default
3
- $title-size: $size-3 !default
4
- $title-weight: $weight-semibold !default
5
- $title-line-height: 1.125 !default
6
- $title-strong-color: inherit !default
7
- $title-strong-weight: inherit !default
8
- $title-sub-size: 0.75em !default
9
- $title-sup-size: 0.75em !default
10
-
11
- $subtitle-color: $text !default
12
- $subtitle-family: false !default
13
- $subtitle-size: $size-5 !default
14
- $subtitle-weight: $weight-normal !default
15
- $subtitle-line-height: 1.25 !default
16
- $subtitle-strong-color: $text-strong !default
17
- $subtitle-strong-weight: $weight-semibold !default
18
- $subtitle-negative-margin: -1.25rem !default
19
-
20
- .title,
21
- .subtitle
22
- @extend %block
23
- word-break: break-word
24
- em,
25
- span
26
- font-weight: inherit
27
- sub
28
- font-size: $title-sub-size
29
- sup
30
- font-size: $title-sup-size
31
- .tag
32
- vertical-align: middle
33
-
34
- .title
35
- color: $title-color
36
- @if $title-family
37
- font-family: $title-family
38
- font-size: $title-size
39
- font-weight: $title-weight
40
- line-height: $title-line-height
41
- strong
42
- color: $title-strong-color
43
- font-weight: $title-strong-weight
44
- & + .highlight
45
- margin-top: -0.75rem
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,8 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import "shared.sass"
4
- @import "input-textarea.sass"
5
- @import "checkbox-radio.sass"
6
- @import "select.sass"
7
- @import "file.sass"
8
- @import "tools.sass"
@@ -1,21 +0,0 @@
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
- color: $input-disabled-color
13
- cursor: not-allowed
14
-
15
- .checkbox
16
- @extend %checkbox-radio
17
-
18
- .radio
19
- @extend %checkbox-radio
20
- & + .radio
21
- +ltr-property("margin", 0.5em, false)
@@ -1,180 +0,0 @@
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
15
- @extend %unselectable
16
- align-items: stretch
17
- display: flex
18
- justify-content: flex-start
19
- position: relative
20
- // Colors
21
- @each $name, $pair in $colors
22
- $color: nth($pair, 1)
23
- $color-invert: nth($pair, 2)
24
- &.is-#{$name}
25
- .file-cta
26
- background-color: $color
27
- border-color: transparent
28
- color: $color-invert
29
- &:hover,
30
- &.is-hovered
31
- .file-cta
32
- background-color: bulmaDarken($color, 2.5%)
33
- border-color: transparent
34
- color: $color-invert
35
- &:focus,
36
- &.is-focused
37
- .file-cta
38
- border-color: transparent
39
- box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
40
- color: $color-invert
41
- &:active,
42
- &.is-active
43
- .file-cta
44
- background-color: bulmaDarken($color, 5%)
45
- border-color: transparent
46
- color: $color-invert
47
- // Sizes
48
- &.is-small
49
- font-size: $size-small
50
- &.is-medium
51
- font-size: $size-medium
52
- .file-icon
53
- .fa
54
- font-size: 21px
55
- &.is-large
56
- font-size: $size-large
57
- .file-icon
58
- .fa
59
- font-size: 28px
60
- // Modifiers
61
- &.has-name
62
- .file-cta
63
- border-bottom-right-radius: 0
64
- border-top-right-radius: 0
65
- .file-name
66
- border-bottom-left-radius: 0
67
- border-top-left-radius: 0
68
- &.is-empty
69
- .file-cta
70
- border-radius: $file-radius
71
- .file-name
72
- display: none
73
- &.is-boxed
74
- .file-label
75
- flex-direction: column
76
- .file-cta
77
- flex-direction: column
78
- height: auto
79
- padding: 1em 3em
80
- .file-name
81
- border-width: 0 1px 1px
82
- .file-icon
83
- height: 1.5em
84
- width: 1.5em
85
- .fa
86
- font-size: 21px
87
- &.is-small
88
- .file-icon .fa
89
- font-size: 14px
90
- &.is-medium
91
- .file-icon .fa
92
- font-size: 28px
93
- &.is-large
94
- .file-icon .fa
95
- font-size: 35px
96
- &.has-name
97
- .file-cta
98
- border-radius: $file-radius $file-radius 0 0
99
- .file-name
100
- border-radius: 0 0 $file-radius $file-radius
101
- border-width: 0 1px 1px
102
- &.is-centered
103
- justify-content: center
104
- &.is-fullwidth
105
- .file-label
106
- width: 100%
107
- .file-name
108
- flex-grow: 1
109
- max-width: none
110
- &.is-right
111
- justify-content: flex-end
112
- .file-cta
113
- border-radius: 0 $file-radius $file-radius 0
114
- .file-name
115
- border-radius: $file-radius 0 0 $file-radius
116
- border-width: 1px 0 1px 1px
117
- order: -1
118
-
119
- .file-label
120
- align-items: stretch
121
- display: flex
122
- cursor: pointer
123
- justify-content: flex-start
124
- overflow: hidden
125
- position: relative
126
- &:hover
127
- .file-cta
128
- background-color: bulmaDarken($file-cta-background-color, 2.5%)
129
- color: $file-cta-hover-color
130
- .file-name
131
- border-color: bulmaDarken($file-name-border-color, 2.5%)
132
- &:active
133
- .file-cta
134
- background-color: bulmaDarken($file-cta-background-color, 5%)
135
- color: $file-cta-active-color
136
- .file-name
137
- border-color: bulmaDarken($file-name-border-color, 5%)
138
-
139
- .file-input
140
- height: 100%
141
- left: 0
142
- opacity: 0
143
- outline: none
144
- position: absolute
145
- top: 0
146
- width: 100%
147
-
148
- .file-cta,
149
- .file-name
150
- @extend %control
151
- border-color: $file-border-color
152
- border-radius: $file-radius
153
- font-size: 1em
154
- padding-left: 1em
155
- padding-right: 1em
156
- white-space: nowrap
157
-
158
- .file-cta
159
- background-color: $file-cta-background-color
160
- color: $file-cta-color
161
-
162
- .file-name
163
- border-color: $file-name-border-color
164
- border-style: $file-name-border-style
165
- border-width: $file-name-border-width
166
- display: block
167
- max-width: $file-name-max-width
168
- overflow: hidden
169
- text-align: inherit
170
- text-overflow: ellipsis
171
-
172
- .file-icon
173
- align-items: center
174
- display: flex
175
- height: 1em
176
- justify-content: center
177
- +ltr-property("margin", 0.5em)
178
- width: 1em
179
- .fa
180
- font-size: 14px
@@ -1,64 +0,0 @@
1
- $textarea-padding: $control-padding-horizontal !default
2
- $textarea-max-height: 40em !default
3
- $textarea-min-height: 8em !default
4
-
5
- %input-textarea
6
- @extend %input
7
- box-shadow: $input-shadow
8
- max-width: 100%
9
- width: 100%
10
- &[readonly]
11
- box-shadow: none
12
- // Colors
13
- @each $name, $pair in $colors
14
- $color: nth($pair, 1)
15
- &.is-#{$name}
16
- border-color: $color
17
- &:focus,
18
- &.is-focused,
19
- &:active,
20
- &.is-active
21
- box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
22
- // Sizes
23
- &.is-small
24
- +control-small
25
- &.is-medium
26
- +control-medium
27
- &.is-large
28
- +control-large
29
- // Modifiers
30
- &.is-fullwidth
31
- display: block
32
- width: 100%
33
- &.is-inline
34
- display: inline
35
- width: auto
36
-
37
- .input
38
- @extend %input-textarea
39
- &.is-rounded
40
- border-radius: $radius-rounded
41
- padding-left: calc(#{$control-padding-horizontal} + 0.375em)
42
- padding-right: calc(#{$control-padding-horizontal} + 0.375em)
43
- &.is-static
44
- background-color: transparent
45
- border-color: transparent
46
- box-shadow: none
47
- padding-left: 0
48
- padding-right: 0
49
-
50
- .textarea
51
- @extend %input-textarea
52
- display: block
53
- max-width: 100%
54
- min-width: 100%
55
- padding: $textarea-padding
56
- resize: vertical
57
- &:not([rows])
58
- max-height: $textarea-max-height
59
- min-height: $textarea-min-height
60
- &[rows]
61
- height: initial
62
- // Modifiers
63
- &.has-fixed-size
64
- resize: none
@@ -1,85 +0,0 @@
1
- .select
2
- display: inline-block
3
- max-width: 100%
4
- position: relative
5
- vertical-align: top
6
- &:not(.is-multiple)
7
- height: $input-height
8
- &:not(.is-multiple):not(.is-loading)
9
- &::after
10
- @extend %arrow
11
- border-color: $input-arrow
12
- +ltr-position(1.125em)
13
- z-index: 4
14
- &.is-rounded
15
- select
16
- border-radius: $radius-rounded
17
- +ltr-property("padding", 1em, false)
18
- select
19
- @extend %input
20
- cursor: pointer
21
- display: block
22
- font-size: 1em
23
- max-width: 100%
24
- outline: none
25
- &::-ms-expand
26
- display: none
27
- &[disabled]:hover,
28
- fieldset[disabled] &:hover
29
- border-color: $input-disabled-border-color
30
- &:not([multiple])
31
- +ltr-property("padding", 2.5em)
32
- &[multiple]
33
- height: auto
34
- padding: 0
35
- option
36
- padding: 0.5em 1em
37
- // States
38
- &:not(.is-multiple):not(.is-loading):hover
39
- &::after
40
- border-color: $input-hover-color
41
- // Colors
42
- @each $name, $pair in $colors
43
- $color: nth($pair, 1)
44
- &.is-#{$name}
45
- &:not(:hover)::after
46
- border-color: $color
47
- select
48
- border-color: $color
49
- &:hover,
50
- &.is-hovered
51
- border-color: bulmaDarken($color, 5%)
52
- &:focus,
53
- &.is-focused,
54
- &:active,
55
- &.is-active
56
- box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
57
- // Sizes
58
- &.is-small
59
- +control-small
60
- &.is-medium
61
- +control-medium
62
- &.is-large
63
- +control-large
64
- // Modifiers
65
- &.is-disabled
66
- &::after
67
- border-color: $input-disabled-color
68
- &.is-fullwidth
69
- width: 100%
70
- select
71
- width: 100%
72
- &.is-loading
73
- &::after
74
- @extend %loader
75
- margin-top: 0
76
- position: absolute
77
- +ltr-position(0.625em)
78
- top: 0.625em
79
- transform: none
80
- &.is-small:after
81
- font-size: $size-small
82
- &.is-medium:after
83
- font-size: $size-medium
84
- &.is-large:after
85
- font-size: $size-large
@@ -1,55 +0,0 @@
1
- $input-color: $text-strong !default
2
- $input-background-color: $scheme-main !default
3
- $input-border-color: $border !default
4
- $input-height: $control-height !default
5
- $input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
6
- $input-placeholder-color: bulmaRgba($input-color, 0.3) !default
7
-
8
- $input-hover-color: $text-strong !default
9
- $input-hover-border-color: $border-hover !default
10
-
11
- $input-focus-color: $text-strong !default
12
- $input-focus-border-color: $link !default
13
- $input-focus-box-shadow-size: 0 0 0 0.125em !default
14
- $input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
15
-
16
- $input-disabled-color: $text-light !default
17
- $input-disabled-background-color: $background !default
18
- $input-disabled-border-color: $background !default
19
- $input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default
20
-
21
- $input-arrow: $link !default
22
-
23
- $input-icon-color: $border !default
24
- $input-icon-active-color: $text !default
25
-
26
- $input-radius: $radius !default
27
-
28
- =input
29
- @extend %control
30
- background-color: $input-background-color
31
- border-color: $input-border-color
32
- border-radius: $input-radius
33
- color: $input-color
34
- +placeholder
35
- color: $input-placeholder-color
36
- &:hover,
37
- &.is-hovered
38
- border-color: $input-hover-border-color
39
- &:focus,
40
- &.is-focused,
41
- &:active,
42
- &.is-active
43
- border-color: $input-focus-border-color
44
- box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
45
- &[disabled],
46
- fieldset[disabled] &
47
- background-color: $input-disabled-background-color
48
- border-color: $input-disabled-border-color
49
- box-shadow: none
50
- color: $input-disabled-color
51
- +placeholder
52
- color: $input-disabled-placeholder-color
53
-
54
- %input
55
- +input
@@ -1,213 +0,0 @@
1
- $label-color: $text-strong !default
2
- $label-weight: $weight-bold !default
3
-
4
- $help-size: $size-small !default
5
-
6
- .label
7
- color: $label-color
8
- display: block
9
- font-size: $size-normal
10
- font-weight: $label-weight
11
- &:not(:last-child)
12
- margin-bottom: 0.5em
13
- // Sizes
14
- &.is-small
15
- font-size: $size-small
16
- &.is-medium
17
- font-size: $size-medium
18
- &.is-large
19
- font-size: $size-large
20
-
21
- .help
22
- display: block
23
- font-size: $help-size
24
- margin-top: 0.25rem
25
- @each $name, $pair in $colors
26
- $color: nth($pair, 1)
27
- &.is-#{$name}
28
- color: $color
29
-
30
- // Containers
31
-
32
- .field
33
- &:not(:last-child)
34
- margin-bottom: 0.75rem
35
- // Modifiers
36
- &.has-addons
37
- display: flex
38
- justify-content: flex-start
39
- .control
40
- &:not(:last-child)
41
- +ltr-property("margin", -1px)
42
- &:not(:first-child):not(:last-child)
43
- .button,
44
- .input,
45
- .select select
46
- border-radius: 0
47
- &:first-child:not(:only-child)
48
- .button,
49
- .input,
50
- .select select
51
- +ltr
52
- border-bottom-right-radius: 0
53
- border-top-right-radius: 0
54
- +rtl
55
- border-bottom-left-radius: 0
56
- border-top-left-radius: 0
57
- &:last-child:not(:only-child)
58
- .button,
59
- .input,
60
- .select select
61
- +ltr
62
- border-bottom-left-radius: 0
63
- border-top-left-radius: 0
64
- +rtl
65
- border-bottom-right-radius: 0
66
- border-top-right-radius: 0
67
- .button,
68
- .input,
69
- .select select
70
- &:not([disabled])
71
- &:hover,
72
- &.is-hovered
73
- z-index: 2
74
- &:focus,
75
- &.is-focused,
76
- &:active,
77
- &.is-active
78
- z-index: 3
79
- &:hover
80
- z-index: 4
81
- &.is-expanded
82
- flex-grow: 1
83
- flex-shrink: 1
84
- &.has-addons-centered
85
- justify-content: center
86
- &.has-addons-right
87
- justify-content: flex-end
88
- &.has-addons-fullwidth
89
- .control
90
- flex-grow: 1
91
- flex-shrink: 0
92
- &.is-grouped
93
- display: flex
94
- justify-content: flex-start
95
- & > .control
96
- flex-shrink: 0
97
- &:not(:last-child)
98
- margin-bottom: 0
99
- +ltr-property("margin", 0.75rem)
100
- &.is-expanded
101
- flex-grow: 1
102
- flex-shrink: 1
103
- &.is-grouped-centered
104
- justify-content: center
105
- &.is-grouped-right
106
- justify-content: flex-end
107
- &.is-grouped-multiline
108
- flex-wrap: wrap
109
- & > .control
110
- &:last-child,
111
- &:not(:last-child)
112
- margin-bottom: 0.75rem
113
- &:last-child
114
- margin-bottom: -0.75rem
115
- &:not(:last-child)
116
- margin-bottom: 0
117
- &.is-horizontal
118
- +tablet
119
- display: flex
120
-
121
- .field-label
122
- .label
123
- font-size: inherit
124
- +mobile
125
- margin-bottom: 0.5rem
126
- +tablet
127
- flex-basis: 0
128
- flex-grow: 1
129
- flex-shrink: 0
130
- +ltr-property("margin", 1.5rem)
131
- text-align: right
132
- &.is-small
133
- font-size: $size-small
134
- padding-top: 0.375em
135
- &.is-normal
136
- padding-top: 0.375em
137
- &.is-medium
138
- font-size: $size-medium
139
- padding-top: 0.375em
140
- &.is-large
141
- font-size: $size-large
142
- padding-top: 0.375em
143
-
144
- .field-body
145
- .field .field
146
- margin-bottom: 0
147
- +tablet
148
- display: flex
149
- flex-basis: 0
150
- flex-grow: 5
151
- flex-shrink: 1
152
- .field
153
- margin-bottom: 0
154
- & > .field
155
- flex-shrink: 1
156
- &:not(.is-narrow)
157
- flex-grow: 1
158
- &:not(:last-child)
159
- +ltr-property("margin", 0.75rem)
160
-
161
- .control
162
- box-sizing: border-box
163
- clear: both
164
- font-size: $size-normal
165
- position: relative
166
- text-align: inherit
167
- // Modifiers
168
- &.has-icons-left,
169
- &.has-icons-right
170
- .input,
171
- .select
172
- &:focus
173
- & ~ .icon
174
- color: $input-icon-active-color
175
- &.is-small ~ .icon
176
- font-size: $size-small
177
- &.is-medium ~ .icon
178
- font-size: $size-medium
179
- &.is-large ~ .icon
180
- font-size: $size-large
181
- .icon
182
- color: $input-icon-color
183
- height: $input-height
184
- pointer-events: none
185
- position: absolute
186
- top: 0
187
- width: $input-height
188
- z-index: 4
189
- &.has-icons-left
190
- .input,
191
- .select select
192
- padding-left: $input-height
193
- .icon.is-left
194
- left: 0
195
- &.has-icons-right
196
- .input,
197
- .select select
198
- padding-right: $input-height
199
- .icon.is-right
200
- right: 0
201
- &.is-loading
202
- &::after
203
- @extend %loader
204
- position: absolute !important
205
- +ltr-position(0.625em)
206
- top: 0.625em
207
- z-index: 4
208
- &.is-small:after
209
- font-size: $size-small
210
- &.is-medium:after
211
- font-size: $size-medium
212
- &.is-large:after
213
- font-size: $size-large
@@ -1,4 +0,0 @@
1
- @charset "utf-8"
2
-
3
- @import "columns.sass"
4
- @import "tiles.sass"