bulma-clean-theme 0.14.0 → 1.0.0.beta.1

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 (190) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -0
  3. data/_includes/callouts.html +12 -5
  4. data/_includes/cookie-banner.html +1 -1
  5. data/_includes/hero.html +5 -3
  6. data/_includes/showcase.html +8 -6
  7. data/_layouts/default.html +1 -0
  8. data/_layouts/post.html +7 -3
  9. data/_sass/_main.scss +3 -2
  10. data/node_modules/.package-lock.json +211 -8
  11. data/node_modules/bulma/LICENSE +1 -1
  12. data/node_modules/bulma/README.md +56 -52
  13. data/node_modules/bulma/bulma.scss +4 -0
  14. data/node_modules/bulma/css/bulma.css +19282 -8696
  15. data/node_modules/bulma/css/bulma.css.map +1 -1
  16. data/node_modules/bulma/css/bulma.min.css +3 -1
  17. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
  18. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
  19. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
  20. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
  21. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
  22. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
  23. data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
  24. data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
  25. data/node_modules/bulma/package.json +25 -20
  26. data/node_modules/bulma/sass/_index.scss +10 -0
  27. data/node_modules/bulma/sass/base/_index.scss +6 -0
  28. data/node_modules/bulma/sass/base/animations.scss +15 -0
  29. data/node_modules/bulma/sass/base/generic.scss +239 -0
  30. data/node_modules/bulma/sass/base/minireset.scss +92 -0
  31. data/node_modules/bulma/sass/base/skeleton.scss +126 -0
  32. data/node_modules/bulma/sass/components/_index.scss +13 -0
  33. data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
  34. data/node_modules/bulma/sass/components/card.scss +162 -0
  35. data/node_modules/bulma/sass/components/dropdown.scss +188 -0
  36. data/node_modules/bulma/sass/components/menu.scss +165 -0
  37. data/node_modules/bulma/sass/components/message.scss +183 -0
  38. data/node_modules/bulma/sass/components/modal.scss +164 -0
  39. data/node_modules/bulma/sass/components/navbar.scss +788 -0
  40. data/node_modules/bulma/sass/components/pagination.scss +379 -0
  41. data/node_modules/bulma/sass/components/panel.scss +218 -0
  42. data/node_modules/bulma/sass/components/tabs.scss +273 -0
  43. data/node_modules/bulma/sass/elements/_index.scss +16 -0
  44. data/node_modules/bulma/sass/elements/block.scss +6 -0
  45. data/node_modules/bulma/sass/elements/box.scss +59 -0
  46. data/node_modules/bulma/sass/elements/button.scss +640 -0
  47. data/node_modules/bulma/sass/elements/content.scss +283 -0
  48. data/node_modules/bulma/sass/elements/delete.scss +6 -0
  49. data/node_modules/bulma/sass/elements/icon.scss +67 -0
  50. data/node_modules/bulma/sass/elements/image.scss +62 -0
  51. data/node_modules/bulma/sass/elements/loader.scss +15 -0
  52. data/node_modules/bulma/sass/elements/notification.scss +105 -0
  53. data/node_modules/bulma/sass/elements/progress.scss +115 -0
  54. data/node_modules/bulma/sass/elements/table.scss +261 -0
  55. data/node_modules/bulma/sass/elements/tag.scss +219 -0
  56. data/node_modules/bulma/sass/elements/title.scss +128 -0
  57. data/node_modules/bulma/sass/form/_index.scss +9 -0
  58. data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
  59. data/node_modules/bulma/sass/form/file.scss +330 -0
  60. data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
  61. data/node_modules/bulma/sass/form/select.scss +143 -0
  62. data/node_modules/bulma/sass/form/shared.scss +172 -0
  63. data/node_modules/bulma/sass/form/tools.scss +341 -0
  64. data/node_modules/bulma/sass/grid/_index.scss +5 -0
  65. data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
  66. data/node_modules/bulma/sass/grid/columns.scss +877 -0
  67. data/node_modules/bulma/sass/grid/grid.scss +209 -0
  68. data/node_modules/bulma/sass/helpers/_index.scss +15 -0
  69. data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
  70. data/node_modules/bulma/sass/helpers/border.scss +15 -0
  71. data/node_modules/bulma/sass/helpers/color.scss +364 -0
  72. data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
  73. data/node_modules/bulma/sass/helpers/float.scss +28 -0
  74. data/node_modules/bulma/sass/helpers/gap.scss +24 -0
  75. data/node_modules/bulma/sass/helpers/other.scss +19 -0
  76. data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
  77. data/node_modules/bulma/sass/helpers/position.scss +19 -0
  78. data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
  79. data/node_modules/bulma/sass/helpers/typography.scss +168 -0
  80. data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
  81. data/node_modules/bulma/sass/layout/_index.scss +9 -0
  82. data/node_modules/bulma/sass/layout/container.scss +51 -0
  83. data/node_modules/bulma/sass/layout/footer.scss +23 -0
  84. data/node_modules/bulma/sass/layout/hero.scss +270 -0
  85. data/node_modules/bulma/sass/layout/level.scss +107 -0
  86. data/node_modules/bulma/sass/layout/media.scss +106 -0
  87. data/node_modules/bulma/sass/layout/section.scss +34 -0
  88. data/node_modules/bulma/sass/themes/_index.scss +35 -0
  89. data/node_modules/bulma/sass/themes/dark.scss +56 -0
  90. data/node_modules/bulma/sass/themes/light.scss +145 -0
  91. data/node_modules/bulma/sass/themes/setup.scss +174 -0
  92. data/node_modules/bulma/sass/utilities/_index.scss +7 -0
  93. data/node_modules/bulma/sass/utilities/controls.scss +85 -0
  94. data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
  95. data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
  96. data/node_modules/bulma/sass/utilities/extends.scss +34 -0
  97. data/node_modules/bulma/sass/utilities/functions.scss +258 -0
  98. data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
  99. data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
  100. data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
  101. data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
  102. data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
  103. data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
  104. data/node_modules/bulma-block-list/README.md +12 -6
  105. data/node_modules/bulma-block-list/docs/.nojekyll +0 -0
  106. data/node_modules/bulma-block-list/docs/docs.css +22782 -0
  107. data/node_modules/bulma-block-list/docs/docs.css.map +1 -0
  108. data/node_modules/bulma-block-list/docs/index.html +376 -307
  109. data/node_modules/bulma-block-list/package.json +8 -3
  110. data/node_modules/bulma-block-list/src/block-list.scss +99 -125
  111. data/node_modules/bulma-block-list/src/docs.scss +5 -0
  112. data/package-lock.json +353 -16
  113. data/package.json +2 -2
  114. metadata +97 -82
  115. data/node_modules/bulma/bulma.sass +0 -10
  116. data/node_modules/bulma/css/bulma-rtl.css +0 -11851
  117. data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
  118. data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
  119. data/node_modules/bulma/sass/base/_all.sass +0 -6
  120. data/node_modules/bulma/sass/base/animations.sass +0 -5
  121. data/node_modules/bulma/sass/base/generic.sass +0 -145
  122. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  123. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  124. data/node_modules/bulma/sass/components/_all.sass +0 -15
  125. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
  126. data/node_modules/bulma/sass/components/card.sass +0 -103
  127. data/node_modules/bulma/sass/components/dropdown.sass +0 -83
  128. data/node_modules/bulma/sass/components/level.sass +0 -79
  129. data/node_modules/bulma/sass/components/media.sass +0 -59
  130. data/node_modules/bulma/sass/components/menu.sass +0 -59
  131. data/node_modules/bulma/sass/components/message.sass +0 -101
  132. data/node_modules/bulma/sass/components/modal.sass +0 -117
  133. data/node_modules/bulma/sass/components/navbar.sass +0 -446
  134. data/node_modules/bulma/sass/components/pagination.sass +0 -167
  135. data/node_modules/bulma/sass/components/panel.sass +0 -121
  136. data/node_modules/bulma/sass/components/tabs.sass +0 -176
  137. data/node_modules/bulma/sass/elements/_all.sass +0 -16
  138. data/node_modules/bulma/sass/elements/box.sass +0 -26
  139. data/node_modules/bulma/sass/elements/button.sass +0 -357
  140. data/node_modules/bulma/sass/elements/container.sass +0 -29
  141. data/node_modules/bulma/sass/elements/content.sass +0 -162
  142. data/node_modules/bulma/sass/elements/form.sass +0 -1
  143. data/node_modules/bulma/sass/elements/icon.sass +0 -46
  144. data/node_modules/bulma/sass/elements/image.sass +0 -73
  145. data/node_modules/bulma/sass/elements/notification.sass +0 -52
  146. data/node_modules/bulma/sass/elements/other.sass +0 -31
  147. data/node_modules/bulma/sass/elements/progress.sass +0 -73
  148. data/node_modules/bulma/sass/elements/table.sass +0 -134
  149. data/node_modules/bulma/sass/elements/tag.sass +0 -140
  150. data/node_modules/bulma/sass/elements/title.sass +0 -70
  151. data/node_modules/bulma/sass/form/_all.sass +0 -9
  152. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
  153. data/node_modules/bulma/sass/form/file.sass +0 -184
  154. data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
  155. data/node_modules/bulma/sass/form/select.sass +0 -88
  156. data/node_modules/bulma/sass/form/shared.sass +0 -60
  157. data/node_modules/bulma/sass/form/tools.sass +0 -215
  158. data/node_modules/bulma/sass/grid/_all.sass +0 -5
  159. data/node_modules/bulma/sass/grid/columns.sass +0 -513
  160. data/node_modules/bulma/sass/grid/tiles.sass +0 -36
  161. data/node_modules/bulma/sass/helpers/_all.sass +0 -12
  162. data/node_modules/bulma/sass/helpers/color.sass +0 -39
  163. data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
  164. data/node_modules/bulma/sass/helpers/float.sass +0 -10
  165. data/node_modules/bulma/sass/helpers/other.sass +0 -14
  166. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  167. data/node_modules/bulma/sass/helpers/position.sass +0 -7
  168. data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
  169. data/node_modules/bulma/sass/helpers/typography.sass +0 -103
  170. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  171. data/node_modules/bulma/sass/layout/_all.sass +0 -6
  172. data/node_modules/bulma/sass/layout/footer.sass +0 -11
  173. data/node_modules/bulma/sass/layout/hero.sass +0 -153
  174. data/node_modules/bulma/sass/layout/section.sass +0 -17
  175. data/node_modules/bulma/sass/utilities/_all.sass +0 -9
  176. data/node_modules/bulma/sass/utilities/animations.sass +0 -1
  177. data/node_modules/bulma/sass/utilities/controls.sass +0 -49
  178. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
  179. data/node_modules/bulma/sass/utilities/extends.sass +0 -25
  180. data/node_modules/bulma/sass/utilities/functions.sass +0 -135
  181. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
  182. data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
  183. data/node_modules/bulma-block-list/docs/Gemfile +0 -3
  184. data/node_modules/bulma-block-list/docs/_config.yml +0 -17
  185. data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
  186. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
  187. data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
  188. data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
  189. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  190. data/node_modules/bulma-block-list/src/demo.scss +0 -3
@@ -1,135 +0,0 @@
1
- @function mergeColorMaps($bulma-colors, $custom-colors)
2
- // We return at least Bulma's hard-coded colors
3
- $merged-colors: $bulma-colors
4
-
5
- // We want a map as input
6
- @if type-of($custom-colors) == 'map'
7
- @each $name, $components in $custom-colors
8
- // The color name should be a string
9
- // and the components either a single color
10
- // or a colors list with at least one element
11
- @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
12
- $color-base: null
13
- $color-invert: null
14
- $color-light: null
15
- $color-dark: null
16
- $value: null
17
-
18
- // The param can either be a single color
19
- // or a list of 2 colors
20
- @if type-of($components) == 'color'
21
- $color-base: $components
22
- $color-invert: findColorInvert($color-base)
23
- $color-light: findLightColor($color-base)
24
- $color-dark: findDarkColor($color-base)
25
- @else if type-of($components) == 'list'
26
- $color-base: nth($components, 1)
27
- // If Invert, Light and Dark are provided
28
- @if length($components) > 3
29
- $color-invert: nth($components, 2)
30
- $color-light: nth($components, 3)
31
- $color-dark: nth($components, 4)
32
- // If only Invert and Light are provided
33
- @else if length($components) > 2
34
- $color-invert: nth($components, 2)
35
- $color-light: nth($components, 3)
36
- $color-dark: findDarkColor($color-base)
37
- // If only Invert is provided
38
- @else
39
- $color-invert: nth($components, 2)
40
- $color-light: findLightColor($color-base)
41
- $color-dark: findDarkColor($color-base)
42
-
43
- $value: ($color-base, $color-invert, $color-light, $color-dark)
44
-
45
- // We only want to merge the map if the color base is an actual color
46
- @if type-of($color-base) == 'color'
47
- // We merge this colors elements as map with Bulma's colors map
48
- // (we can override them this way, no multiple definition for the same name)
49
- // $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert, $color-light, $color-dark)))
50
- $merged-colors: map_merge($merged-colors, ($name: $value))
51
-
52
- @return $merged-colors
53
-
54
- @function powerNumber($number, $exp)
55
- $value: 1
56
- @if $exp > 0
57
- @for $i from 1 through $exp
58
- $value: $value * $number
59
- @else if $exp < 0
60
- @for $i from 1 through -$exp
61
- $value: divide($value, $number)
62
- @return $value
63
-
64
- @function colorLuminance($color)
65
- @if type-of($color) != 'color'
66
- @return 0.55
67
- $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
68
- @each $name, $value in $color-rgb
69
- $adjusted: 0
70
- $value: divide($value, 255)
71
- @if $value < 0.03928
72
- $value: divide($value, 12.92)
73
- @else
74
- $value: divide(($value + .055), 1.055)
75
- $value: powerNumber($value, 2)
76
- $color-rgb: map-merge($color-rgb, ($name: $value))
77
- @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
78
-
79
- @function findColorInvert($color)
80
- @if (colorLuminance($color) > 0.55)
81
- @return rgba(#000, 0.7)
82
- @else
83
- @return #fff
84
-
85
- @function findLightColor($color, $l: 96%)
86
- @if type-of($color) == 'color'
87
- $l: 96%
88
- @if lightness($color) > 96%
89
- $l: lightness($color)
90
- @return change-color($color, $lightness: $l)
91
- @return $background
92
-
93
- @function findDarkColor($color, $base-l: 29%)
94
- @if type-of($color) == 'color'
95
- $luminance: colorLuminance($color)
96
- $luminance-delta: (0.53 - $luminance)
97
- $target-l: round($base-l + ($luminance-delta * 53))
98
- @return change-color($color, $lightness: max($base-l, $target-l))
99
- @return $text-strong
100
-
101
- @function bulmaRgba($color, $alpha)
102
- @if type-of($color) != 'color'
103
- @return $color
104
- @return rgba($color, $alpha)
105
-
106
- @function bulmaDarken($color, $amount)
107
- @if type-of($color) != 'color'
108
- @return $color
109
- @return darken($color, $amount)
110
-
111
- @function bulmaLighten($color, $amount)
112
- @if type-of($color) != 'color'
113
- @return $color
114
- @return lighten($color, $amount)
115
-
116
- // Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
117
- // Replaces old slash division deprecated in Dart Sass
118
- @function divide($dividend, $divisor, $precision: 10)
119
- $sign: if($dividend > 0 and $divisor > 0, 1, -1)
120
- $dividend: abs($dividend)
121
- $divisor: abs($divisor)
122
- $quotient: 0
123
- $remainder: $dividend
124
- @if $dividend == 0
125
- @return 0
126
- @if $divisor == 0
127
- @error "Cannot divide by 0"
128
- @if $divisor == 1
129
- @return $dividend
130
- @while $remainder >= $divisor
131
- $quotient: $quotient + 1
132
- $remainder: $remainder - $divisor
133
- @if $remainder > 0 and $precision > 0
134
- $remainder: divide($remainder * 10, $divisor, $precision - 1) * .1
135
- @return ($quotient + $remainder) * $sign
@@ -1,79 +0,0 @@
1
- // Colors
2
-
3
- $black: hsl(0, 0%, 4%) !default
4
- $black-bis: hsl(0, 0%, 7%) !default
5
- $black-ter: hsl(0, 0%, 14%) !default
6
-
7
- $grey-darker: hsl(0, 0%, 21%) !default
8
- $grey-dark: hsl(0, 0%, 29%) !default
9
- $grey: hsl(0, 0%, 48%) !default
10
- $grey-light: hsl(0, 0%, 71%) !default
11
- $grey-lighter: hsl(0, 0%, 86%) !default
12
- $grey-lightest: hsl(0, 0%, 93%) !default
13
-
14
- $white-ter: hsl(0, 0%, 96%) !default
15
- $white-bis: hsl(0, 0%, 98%) !default
16
- $white: hsl(0, 0%, 100%) !default
17
-
18
- $orange: hsl(14, 100%, 53%) !default
19
- $yellow: hsl(44, 100%, 77%) !default
20
- $green: hsl(153, 53%, 53%) !default
21
- $turquoise: hsl(171, 100%, 41%) !default
22
- $cyan: hsl(207, 61%, 53%) !default
23
- $blue: hsl(229, 53%, 53%) !default
24
- $purple: hsl(271, 100%, 71%) !default
25
- $red: hsl(348, 86%, 61%) !default
26
-
27
- // Typography
28
-
29
- $family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
30
- $family-monospace: monospace !default
31
- $render-mode: optimizeLegibility !default
32
-
33
- $size-1: 3rem !default
34
- $size-2: 2.5rem !default
35
- $size-3: 2rem !default
36
- $size-4: 1.5rem !default
37
- $size-5: 1.25rem !default
38
- $size-6: 1rem !default
39
- $size-7: 0.75rem !default
40
-
41
- $weight-light: 300 !default
42
- $weight-normal: 400 !default
43
- $weight-medium: 500 !default
44
- $weight-semibold: 600 !default
45
- $weight-bold: 700 !default
46
-
47
- // Spacing
48
-
49
- $block-spacing: 1.5rem !default
50
-
51
- // Responsiveness
52
-
53
- // The container horizontal gap, which acts as the offset for breakpoints
54
- $gap: 32px !default
55
- // 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
56
- $tablet: 769px !default
57
- // 960px container + 4rem
58
- $desktop: 960px + (2 * $gap) !default
59
- // 1152px container + 4rem
60
- $widescreen: 1152px + (2 * $gap) !default
61
- $widescreen-enabled: true !default
62
- // 1344px container + 4rem
63
- $fullhd: 1344px + (2 * $gap) !default
64
- $fullhd-enabled: true !default
65
- $breakpoints: ("mobile": ("until": $tablet), "tablet": ("from": $tablet), "tablet-only": ("from": $tablet, "until": $desktop), "touch": ("from": $desktop), "desktop": ("from": $desktop), "desktop-only": ("from": $desktop, "until": $widescreen), "until-widescreen": ("until": $widescreen), "widescreen": ("from": $widescreen), "widescreen-only": ("from": $widescreen, "until": $fullhd), "until-fullhd": ("until": $fullhd), "fullhd": ("from": $fullhd)) !default
66
-
67
- // Miscellaneous
68
-
69
- $easing: ease-out !default
70
- $radius-small: 2px !default
71
- $radius: 4px !default
72
- $radius-large: 6px !default
73
- $radius-rounded: 9999px !default
74
- $speed: 86ms !default
75
-
76
- // Flags
77
-
78
- $variable-columns: true !default
79
- $rtl: false !default
@@ -1,303 +0,0 @@
1
- @import "derived-variables"
2
-
3
- =clearfix
4
- &::after
5
- clear: both
6
- content: " "
7
- display: table
8
-
9
- =center($width, $height: 0)
10
- position: absolute
11
- @if $height != 0
12
- left: calc(50% - (#{$width} * 0.5))
13
- top: calc(50% - (#{$height} * 0.5))
14
- @else
15
- left: calc(50% - (#{$width} * 0.5))
16
- top: calc(50% - (#{$width} * 0.5))
17
-
18
- =fa($size, $dimensions)
19
- display: inline-block
20
- font-size: $size
21
- height: $dimensions
22
- line-height: $dimensions
23
- text-align: center
24
- vertical-align: top
25
- width: $dimensions
26
-
27
- =hamburger($dimensions)
28
- -moz-appearance: none
29
- -webkit-appearance: none
30
- appearance: none
31
- background: none
32
- border: none
33
- cursor: pointer
34
- display: block
35
- height: $dimensions
36
- position: relative
37
- width: $dimensions
38
- span
39
- background-color: currentColor
40
- display: block
41
- height: 1px
42
- left: calc(50% - 8px)
43
- position: absolute
44
- transform-origin: center
45
- transition-duration: $speed
46
- transition-property: background-color, opacity, transform
47
- transition-timing-function: $easing
48
- width: 16px
49
- &:nth-child(1)
50
- top: calc(50% - 6px)
51
- &:nth-child(2)
52
- top: calc(50% - 1px)
53
- &:nth-child(3)
54
- top: calc(50% + 4px)
55
- &:hover
56
- background-color: bulmaRgba(black, 0.05)
57
- // Modifers
58
- &.is-active
59
- span
60
- &:nth-child(1)
61
- transform: translateY(5px) rotate(45deg)
62
- &:nth-child(2)
63
- opacity: 0
64
- &:nth-child(3)
65
- transform: translateY(-5px) rotate(-45deg)
66
-
67
- =overflow-touch
68
- -webkit-overflow-scrolling: touch
69
-
70
- =placeholder
71
- $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'
72
- @each $placeholder in $placeholders
73
- &:#{$placeholder}-placeholder
74
- @content
75
-
76
- =reset
77
- -moz-appearance: none
78
- -webkit-appearance: none
79
- appearance: none
80
- background: none
81
- border: none
82
- color: currentColor
83
- font-family: inherit
84
- font-size: 1em
85
- margin: 0
86
- padding: 0
87
-
88
- // Responsiveness
89
-
90
- =from($device)
91
- @media screen and (min-width: $device)
92
- @content
93
-
94
- =until($device)
95
- @media screen and (max-width: $device - 1px)
96
- @content
97
-
98
- =between($from, $until)
99
- @media screen and (min-width: $from) and (max-width: $until - 1px)
100
- @content
101
-
102
- =mobile
103
- @media screen and (max-width: $tablet - 1px)
104
- @content
105
-
106
- =tablet
107
- @media screen and (min-width: $tablet), print
108
- @content
109
-
110
- =tablet-only
111
- @media screen and (min-width: $tablet) and (max-width: $desktop - 1px)
112
- @content
113
-
114
- =touch
115
- @media screen and (max-width: $desktop - 1px)
116
- @content
117
-
118
- =desktop
119
- @media screen and (min-width: $desktop)
120
- @content
121
-
122
- =desktop-only
123
- @if $widescreen-enabled
124
- @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px)
125
- @content
126
-
127
- =until-widescreen
128
- @if $widescreen-enabled
129
- @media screen and (max-width: $widescreen - 1px)
130
- @content
131
-
132
- =widescreen
133
- @if $widescreen-enabled
134
- @media screen and (min-width: $widescreen)
135
- @content
136
-
137
- =widescreen-only
138
- @if $widescreen-enabled and $fullhd-enabled
139
- @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
140
- @content
141
-
142
- =until-fullhd
143
- @if $fullhd-enabled
144
- @media screen and (max-width: $fullhd - 1px)
145
- @content
146
-
147
- =fullhd
148
- @if $fullhd-enabled
149
- @media screen and (min-width: $fullhd)
150
- @content
151
-
152
- =breakpoint($name)
153
- $breakpoint: map-get($breakpoints, $name)
154
- @if $breakpoint
155
- $from: map-get($breakpoint, "from")
156
- $until: map-get($breakpoint, "until")
157
- @if $from and $until
158
- +between($from, $until)
159
- @content
160
- @else if $from
161
- +from($from)
162
- @content
163
- @else if $until
164
- +until($until)
165
- @content
166
-
167
- =ltr
168
- @if not $rtl
169
- @content
170
-
171
- =rtl
172
- @if $rtl
173
- @content
174
-
175
- =ltr-property($property, $spacing, $right: true)
176
- $normal: if($right, "right", "left")
177
- $opposite: if($right, "left", "right")
178
- @if $rtl
179
- #{$property}-#{$opposite}: $spacing
180
- @else
181
- #{$property}-#{$normal}: $spacing
182
-
183
- =ltr-position($spacing, $right: true)
184
- $normal: if($right, "right", "left")
185
- $opposite: if($right, "left", "right")
186
- @if $rtl
187
- #{$opposite}: $spacing
188
- @else
189
- #{$normal}: $spacing
190
-
191
- // Placeholders
192
-
193
- =unselectable
194
- -webkit-touch-callout: none
195
- -webkit-user-select: none
196
- -moz-user-select: none
197
- -ms-user-select: none
198
- user-select: none
199
-
200
- =arrow($color: transparent)
201
- border: 3px solid $color
202
- border-radius: 2px
203
- border-right: 0
204
- border-top: 0
205
- content: " "
206
- display: block
207
- height: 0.625em
208
- margin-top: -0.4375em
209
- pointer-events: none
210
- position: absolute
211
- top: 50%
212
- transform: rotate(-45deg)
213
- transform-origin: center
214
- width: 0.625em
215
-
216
- =block($spacing: $block-spacing)
217
- &:not(:last-child)
218
- margin-bottom: $spacing
219
-
220
- =delete
221
- +unselectable
222
- -moz-appearance: none
223
- -webkit-appearance: none
224
- background-color: bulmaRgba($scheme-invert, 0.2)
225
- border: none
226
- border-radius: $radius-rounded
227
- cursor: pointer
228
- pointer-events: auto
229
- display: inline-block
230
- flex-grow: 0
231
- flex-shrink: 0
232
- font-size: 0
233
- height: 20px
234
- max-height: 20px
235
- max-width: 20px
236
- min-height: 20px
237
- min-width: 20px
238
- outline: none
239
- position: relative
240
- vertical-align: top
241
- width: 20px
242
- &::before,
243
- &::after
244
- background-color: $scheme-main
245
- content: ""
246
- display: block
247
- left: 50%
248
- position: absolute
249
- top: 50%
250
- transform: translateX(-50%) translateY(-50%) rotate(45deg)
251
- transform-origin: center center
252
- &::before
253
- height: 2px
254
- width: 50%
255
- &::after
256
- height: 50%
257
- width: 2px
258
- &:hover,
259
- &:focus
260
- background-color: bulmaRgba($scheme-invert, 0.3)
261
- &:active
262
- background-color: bulmaRgba($scheme-invert, 0.4)
263
- // Sizes
264
- &.is-small
265
- height: 16px
266
- max-height: 16px
267
- max-width: 16px
268
- min-height: 16px
269
- min-width: 16px
270
- width: 16px
271
- &.is-medium
272
- height: 24px
273
- max-height: 24px
274
- max-width: 24px
275
- min-height: 24px
276
- min-width: 24px
277
- width: 24px
278
- &.is-large
279
- height: 32px
280
- max-height: 32px
281
- max-width: 32px
282
- min-height: 32px
283
- min-width: 32px
284
- width: 32px
285
-
286
- =loader
287
- animation: spinAround 500ms infinite linear
288
- border: 2px solid $grey-lighter
289
- border-radius: $radius-rounded
290
- border-right-color: transparent
291
- border-top-color: transparent
292
- content: ""
293
- display: block
294
- height: 1em
295
- position: relative
296
- width: 1em
297
-
298
- =overlay($offset: 0)
299
- bottom: $offset
300
- left: $offset
301
- position: absolute
302
- right: $offset
303
- top: $offset
@@ -1,3 +0,0 @@
1
- source 'https://rubygems.org'
2
- gem "bulma-clean-theme", '0.13.1'
3
- gem 'github-pages', group: :jekyll_plugins
@@ -1,17 +0,0 @@
1
- title: Bulma Block List
2
- description: >- # this means to ignore newlines until "baseurl:"
3
- Bulma Block List is a simple scss package extending Bulma with block style list elements
4
- baseurl: "/bulma-block-list"
5
- url: "https://www.csrhymes.com"
6
- gh_sponsor: chrisrhymes
7
- favicon: /favicon.ico
8
- google_analytics: UA-49024852-2
9
- remote_theme: chrisrhymes/bulma-clean-theme
10
-
11
- # Build settings
12
- markdown: kramdown
13
- plugins:
14
- - jekyll-feed
15
- - github-pages
16
-
17
- livereload: true
@@ -1,24 +0,0 @@
1
- - label: Docs
2
- items:
3
- - name: Installation
4
- link: '/#installation'
5
- - name: How To Use
6
- link: '/#how-to-use'
7
- - name: Alignment
8
- link: '/#alignment'
9
- - name: Sizes
10
- link: '/#sizes'
11
- - name: Colours
12
- link: '/#colours'
13
- - name: Outlined
14
- link: '/#outlined'
15
- - name: Has Radius
16
- link: '/#has-radius'
17
- - name: Is Highlighted
18
- link: '/#highlighted'
19
- - name: Has Icon
20
- link: '/#has-icon'
21
- - name: List Item Overrides
22
- link: '/#list-item-overrides'
23
- - name: Combinations
24
- link: '/#combinations'