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

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 (191) 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/_block-list.scss +130 -0
  10. data/_sass/_main.scss +3 -2
  11. data/node_modules/.package-lock.json +204 -9
  12. data/node_modules/bulma/LICENSE +1 -1
  13. data/node_modules/bulma/README.md +56 -52
  14. data/node_modules/bulma/bulma.scss +4 -0
  15. data/node_modules/bulma/css/bulma.css +19282 -8696
  16. data/node_modules/bulma/css/bulma.css.map +1 -1
  17. data/node_modules/bulma/css/bulma.min.css +3 -1
  18. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
  19. data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
  20. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
  21. data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
  22. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
  23. data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
  24. data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
  25. data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
  26. data/node_modules/bulma/package.json +25 -20
  27. data/node_modules/bulma/sass/_index.scss +10 -0
  28. data/node_modules/bulma/sass/base/_index.scss +6 -0
  29. data/node_modules/bulma/sass/base/animations.scss +15 -0
  30. data/node_modules/bulma/sass/base/generic.scss +239 -0
  31. data/node_modules/bulma/sass/base/minireset.scss +92 -0
  32. data/node_modules/bulma/sass/base/skeleton.scss +126 -0
  33. data/node_modules/bulma/sass/components/_index.scss +13 -0
  34. data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
  35. data/node_modules/bulma/sass/components/card.scss +162 -0
  36. data/node_modules/bulma/sass/components/dropdown.scss +188 -0
  37. data/node_modules/bulma/sass/components/menu.scss +165 -0
  38. data/node_modules/bulma/sass/components/message.scss +183 -0
  39. data/node_modules/bulma/sass/components/modal.scss +164 -0
  40. data/node_modules/bulma/sass/components/navbar.scss +788 -0
  41. data/node_modules/bulma/sass/components/pagination.scss +379 -0
  42. data/node_modules/bulma/sass/components/panel.scss +218 -0
  43. data/node_modules/bulma/sass/components/tabs.scss +273 -0
  44. data/node_modules/bulma/sass/elements/_index.scss +16 -0
  45. data/node_modules/bulma/sass/elements/block.scss +6 -0
  46. data/node_modules/bulma/sass/elements/box.scss +59 -0
  47. data/node_modules/bulma/sass/elements/button.scss +640 -0
  48. data/node_modules/bulma/sass/elements/content.scss +283 -0
  49. data/node_modules/bulma/sass/elements/delete.scss +6 -0
  50. data/node_modules/bulma/sass/elements/icon.scss +67 -0
  51. data/node_modules/bulma/sass/elements/image.scss +62 -0
  52. data/node_modules/bulma/sass/elements/loader.scss +15 -0
  53. data/node_modules/bulma/sass/elements/notification.scss +105 -0
  54. data/node_modules/bulma/sass/elements/progress.scss +115 -0
  55. data/node_modules/bulma/sass/elements/table.scss +261 -0
  56. data/node_modules/bulma/sass/elements/tag.scss +219 -0
  57. data/node_modules/bulma/sass/elements/title.scss +128 -0
  58. data/node_modules/bulma/sass/form/_index.scss +9 -0
  59. data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
  60. data/node_modules/bulma/sass/form/file.scss +330 -0
  61. data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
  62. data/node_modules/bulma/sass/form/select.scss +143 -0
  63. data/node_modules/bulma/sass/form/shared.scss +172 -0
  64. data/node_modules/bulma/sass/form/tools.scss +341 -0
  65. data/node_modules/bulma/sass/grid/_index.scss +5 -0
  66. data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
  67. data/node_modules/bulma/sass/grid/columns.scss +877 -0
  68. data/node_modules/bulma/sass/grid/grid.scss +209 -0
  69. data/node_modules/bulma/sass/helpers/_index.scss +15 -0
  70. data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
  71. data/node_modules/bulma/sass/helpers/border.scss +15 -0
  72. data/node_modules/bulma/sass/helpers/color.scss +364 -0
  73. data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
  74. data/node_modules/bulma/sass/helpers/float.scss +28 -0
  75. data/node_modules/bulma/sass/helpers/gap.scss +24 -0
  76. data/node_modules/bulma/sass/helpers/other.scss +19 -0
  77. data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
  78. data/node_modules/bulma/sass/helpers/position.scss +19 -0
  79. data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
  80. data/node_modules/bulma/sass/helpers/typography.scss +168 -0
  81. data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
  82. data/node_modules/bulma/sass/layout/_index.scss +9 -0
  83. data/node_modules/bulma/sass/layout/container.scss +51 -0
  84. data/node_modules/bulma/sass/layout/footer.scss +23 -0
  85. data/node_modules/bulma/sass/layout/hero.scss +270 -0
  86. data/node_modules/bulma/sass/layout/level.scss +107 -0
  87. data/node_modules/bulma/sass/layout/media.scss +106 -0
  88. data/node_modules/bulma/sass/layout/section.scss +34 -0
  89. data/node_modules/bulma/sass/themes/_index.scss +35 -0
  90. data/node_modules/bulma/sass/themes/dark.scss +56 -0
  91. data/node_modules/bulma/sass/themes/light.scss +145 -0
  92. data/node_modules/bulma/sass/themes/setup.scss +174 -0
  93. data/node_modules/bulma/sass/utilities/_index.scss +7 -0
  94. data/node_modules/bulma/sass/utilities/controls.scss +85 -0
  95. data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
  96. data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
  97. data/node_modules/bulma/sass/utilities/extends.scss +34 -0
  98. data/node_modules/bulma/sass/utilities/functions.scss +258 -0
  99. data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
  100. data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
  101. data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
  102. data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
  103. data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
  104. data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
  105. data/package-lock.json +338 -18
  106. data/package.json +1 -2
  107. metadata +94 -90
  108. data/node_modules/bulma/bulma.sass +0 -10
  109. data/node_modules/bulma/css/bulma-rtl.css +0 -11851
  110. data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
  111. data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
  112. data/node_modules/bulma/sass/base/_all.sass +0 -6
  113. data/node_modules/bulma/sass/base/animations.sass +0 -5
  114. data/node_modules/bulma/sass/base/generic.sass +0 -145
  115. data/node_modules/bulma/sass/base/helpers.sass +0 -1
  116. data/node_modules/bulma/sass/base/minireset.sass +0 -79
  117. data/node_modules/bulma/sass/components/_all.sass +0 -15
  118. data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
  119. data/node_modules/bulma/sass/components/card.sass +0 -103
  120. data/node_modules/bulma/sass/components/dropdown.sass +0 -83
  121. data/node_modules/bulma/sass/components/level.sass +0 -79
  122. data/node_modules/bulma/sass/components/media.sass +0 -59
  123. data/node_modules/bulma/sass/components/menu.sass +0 -59
  124. data/node_modules/bulma/sass/components/message.sass +0 -101
  125. data/node_modules/bulma/sass/components/modal.sass +0 -117
  126. data/node_modules/bulma/sass/components/navbar.sass +0 -446
  127. data/node_modules/bulma/sass/components/pagination.sass +0 -167
  128. data/node_modules/bulma/sass/components/panel.sass +0 -121
  129. data/node_modules/bulma/sass/components/tabs.sass +0 -176
  130. data/node_modules/bulma/sass/elements/_all.sass +0 -16
  131. data/node_modules/bulma/sass/elements/box.sass +0 -26
  132. data/node_modules/bulma/sass/elements/button.sass +0 -357
  133. data/node_modules/bulma/sass/elements/container.sass +0 -29
  134. data/node_modules/bulma/sass/elements/content.sass +0 -162
  135. data/node_modules/bulma/sass/elements/form.sass +0 -1
  136. data/node_modules/bulma/sass/elements/icon.sass +0 -46
  137. data/node_modules/bulma/sass/elements/image.sass +0 -73
  138. data/node_modules/bulma/sass/elements/notification.sass +0 -52
  139. data/node_modules/bulma/sass/elements/other.sass +0 -31
  140. data/node_modules/bulma/sass/elements/progress.sass +0 -73
  141. data/node_modules/bulma/sass/elements/table.sass +0 -134
  142. data/node_modules/bulma/sass/elements/tag.sass +0 -140
  143. data/node_modules/bulma/sass/elements/title.sass +0 -70
  144. data/node_modules/bulma/sass/form/_all.sass +0 -9
  145. data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
  146. data/node_modules/bulma/sass/form/file.sass +0 -184
  147. data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
  148. data/node_modules/bulma/sass/form/select.sass +0 -88
  149. data/node_modules/bulma/sass/form/shared.sass +0 -60
  150. data/node_modules/bulma/sass/form/tools.sass +0 -215
  151. data/node_modules/bulma/sass/grid/_all.sass +0 -5
  152. data/node_modules/bulma/sass/grid/columns.sass +0 -513
  153. data/node_modules/bulma/sass/grid/tiles.sass +0 -36
  154. data/node_modules/bulma/sass/helpers/_all.sass +0 -12
  155. data/node_modules/bulma/sass/helpers/color.sass +0 -39
  156. data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
  157. data/node_modules/bulma/sass/helpers/float.sass +0 -10
  158. data/node_modules/bulma/sass/helpers/other.sass +0 -14
  159. data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
  160. data/node_modules/bulma/sass/helpers/position.sass +0 -7
  161. data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
  162. data/node_modules/bulma/sass/helpers/typography.sass +0 -103
  163. data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
  164. data/node_modules/bulma/sass/layout/_all.sass +0 -6
  165. data/node_modules/bulma/sass/layout/footer.sass +0 -11
  166. data/node_modules/bulma/sass/layout/hero.sass +0 -153
  167. data/node_modules/bulma/sass/layout/section.sass +0 -17
  168. data/node_modules/bulma/sass/utilities/_all.sass +0 -9
  169. data/node_modules/bulma/sass/utilities/animations.sass +0 -1
  170. data/node_modules/bulma/sass/utilities/controls.sass +0 -49
  171. data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
  172. data/node_modules/bulma/sass/utilities/extends.sass +0 -25
  173. data/node_modules/bulma/sass/utilities/functions.sass +0 -135
  174. data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
  175. data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
  176. data/node_modules/bulma-block-list/.editorconfig +0 -15
  177. data/node_modules/bulma-block-list/.github/FUNDING.yml +0 -12
  178. data/node_modules/bulma-block-list/LICENSE.txt +0 -21
  179. data/node_modules/bulma-block-list/README.md +0 -32
  180. data/node_modules/bulma-block-list/changelog.txt +0 -20
  181. data/node_modules/bulma-block-list/docs/Gemfile +0 -3
  182. data/node_modules/bulma-block-list/docs/_config.yml +0 -17
  183. data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
  184. data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
  185. data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
  186. data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
  187. data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
  188. data/node_modules/bulma-block-list/docs/index.html +0 -359
  189. data/node_modules/bulma-block-list/package.json +0 -22
  190. data/node_modules/bulma-block-list/src/block-list.scss +0 -156
  191. 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,15 +0,0 @@
1
- root = true
2
-
3
- [*]
4
- charset = utf-8
5
- end_of_line = lf
6
- insert_final_newline = true
7
- indent_style = space
8
- indent_size = 4
9
- trim_trailing_whitespace = true
10
-
11
- [*.md]
12
- trim_trailing_whitespace = false
13
-
14
- [*.{yml,yaml}]
15
- indent_size = 2
@@ -1,12 +0,0 @@
1
- # These are supported funding model platforms
2
-
3
- github: chrisrhymes
4
- patreon: # Replace with a single Patreon username
5
- open_collective: # Replace with a single Open Collective username
6
- ko_fi: # Replace with a single Ko-fi username
7
- tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8
- community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9
- liberapay: # Replace with a single Liberapay username
10
- issuehunt: # Replace with a single IssueHunt username
11
- otechie: # Replace with a single Otechie username
12
- custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2019 CS Rhymes
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
@@ -1,32 +0,0 @@
1
- # bulma-block-list
2
-
3
- ![npm](https://img.shields.io/npm/dw/bulma-block-list)
4
-
5
- A simple scss package extending Bulma with block style list elements
6
-
7
- * `npm i -S bulma-block-list`
8
- * `@import "node_modules/bulma-block-list/src/block-list";` after importing [Bulma](https://bulma.io/documentation/customize/with-node-sass/#3-create-a-sass-file).
9
- * Create a ul and give it the class of `block-list`
10
- * Add any modifier classes to change the styles as needed
11
-
12
- ```html
13
- <ul class="block-list is-small is-outlined is-success is-centered">
14
- <li>Item one</li>
15
- <li>Item two</li>
16
- <li>Item three</li>
17
- </ul>
18
- ```
19
-
20
- ## List Item Overrides
21
-
22
- In v0.3 you can override the list item styles.
23
-
24
- ```html
25
- <ul class="block-list is-small">
26
- <li>Item one</li>
27
- <li class="is-primary is-outlined is-large">Item two</li>
28
- <li>Item three</li>
29
- </ul>
30
- ```
31
-
32
- For examples see [csrhymes.com/bulma-block-list](https://www.csrhymes.com/bulma-block-list)
@@ -1,20 +0,0 @@
1
- # 0.6
2
- * Upgrade to Bulma 0.9.3
3
-
4
- # 0.5
5
- * Added has-icon
6
-
7
- # 0.4.2
8
- * Add default styles for is-outlined
9
-
10
- # 0.4.1
11
- * Fix for li.is-outlined
12
-
13
- # 0.3
14
- * Added list item overrides
15
-
16
- # 0.2
17
- * Removed the Bulma imports from block-list.scss file as it caused some Bulma styles to be overwritten
18
-
19
- # 0.1
20
- * Initial release
@@ -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'