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.
- checksums.yaml +4 -4
- data/README.md +5 -0
- data/_includes/callouts.html +12 -5
- data/_includes/cookie-banner.html +1 -1
- data/_includes/hero.html +5 -3
- data/_includes/showcase.html +8 -6
- data/_layouts/default.html +1 -0
- data/_layouts/post.html +7 -3
- data/_sass/_block-list.scss +130 -0
- data/_sass/_main.scss +3 -2
- data/node_modules/.package-lock.json +204 -9
- data/node_modules/bulma/LICENSE +1 -1
- data/node_modules/bulma/README.md +56 -52
- data/node_modules/bulma/bulma.scss +4 -0
- data/node_modules/bulma/css/bulma.css +19282 -8696
- data/node_modules/bulma/css/bulma.css.map +1 -1
- data/node_modules/bulma/css/bulma.min.css +3 -1
- data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-no-dark-mode.min.css.map +1 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers-prefixed.min.css.map +1 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-no-helpers.min.css.map +1 -0
- data/node_modules/bulma/css/versions/bulma-prefixed.min.css +3 -0
- data/node_modules/bulma/css/versions/bulma-prefixed.min.css.map +1 -0
- data/node_modules/bulma/package.json +25 -20
- data/node_modules/bulma/sass/_index.scss +10 -0
- data/node_modules/bulma/sass/base/_index.scss +6 -0
- data/node_modules/bulma/sass/base/animations.scss +15 -0
- data/node_modules/bulma/sass/base/generic.scss +239 -0
- data/node_modules/bulma/sass/base/minireset.scss +92 -0
- data/node_modules/bulma/sass/base/skeleton.scss +126 -0
- data/node_modules/bulma/sass/components/_index.scss +13 -0
- data/node_modules/bulma/sass/components/breadcrumb.scss +139 -0
- data/node_modules/bulma/sass/components/card.scss +162 -0
- data/node_modules/bulma/sass/components/dropdown.scss +188 -0
- data/node_modules/bulma/sass/components/menu.scss +165 -0
- data/node_modules/bulma/sass/components/message.scss +183 -0
- data/node_modules/bulma/sass/components/modal.scss +164 -0
- data/node_modules/bulma/sass/components/navbar.scss +788 -0
- data/node_modules/bulma/sass/components/pagination.scss +379 -0
- data/node_modules/bulma/sass/components/panel.scss +218 -0
- data/node_modules/bulma/sass/components/tabs.scss +273 -0
- data/node_modules/bulma/sass/elements/_index.scss +16 -0
- data/node_modules/bulma/sass/elements/block.scss +6 -0
- data/node_modules/bulma/sass/elements/box.scss +59 -0
- data/node_modules/bulma/sass/elements/button.scss +640 -0
- data/node_modules/bulma/sass/elements/content.scss +283 -0
- data/node_modules/bulma/sass/elements/delete.scss +6 -0
- data/node_modules/bulma/sass/elements/icon.scss +67 -0
- data/node_modules/bulma/sass/elements/image.scss +62 -0
- data/node_modules/bulma/sass/elements/loader.scss +15 -0
- data/node_modules/bulma/sass/elements/notification.scss +105 -0
- data/node_modules/bulma/sass/elements/progress.scss +115 -0
- data/node_modules/bulma/sass/elements/table.scss +261 -0
- data/node_modules/bulma/sass/elements/tag.scss +219 -0
- data/node_modules/bulma/sass/elements/title.scss +128 -0
- data/node_modules/bulma/sass/form/_index.scss +9 -0
- data/node_modules/bulma/sass/form/checkbox-radio.scss +32 -0
- data/node_modules/bulma/sass/form/file.scss +330 -0
- data/node_modules/bulma/sass/form/input-textarea.scss +123 -0
- data/node_modules/bulma/sass/form/select.scss +143 -0
- data/node_modules/bulma/sass/form/shared.scss +172 -0
- data/node_modules/bulma/sass/form/tools.scss +341 -0
- data/node_modules/bulma/sass/grid/_index.scss +5 -0
- data/node_modules/bulma/sass/grid/columns-v2.scss +957 -0
- data/node_modules/bulma/sass/grid/columns.scss +877 -0
- data/node_modules/bulma/sass/grid/grid.scss +209 -0
- data/node_modules/bulma/sass/helpers/_index.scss +15 -0
- data/node_modules/bulma/sass/helpers/aspect-ratio.scss +10 -0
- data/node_modules/bulma/sass/helpers/border.scss +15 -0
- data/node_modules/bulma/sass/helpers/color.scss +364 -0
- data/node_modules/bulma/sass/helpers/flexbox.scss +62 -0
- data/node_modules/bulma/sass/helpers/float.scss +28 -0
- data/node_modules/bulma/sass/helpers/gap.scss +24 -0
- data/node_modules/bulma/sass/helpers/other.scss +19 -0
- data/node_modules/bulma/sass/helpers/overflow.scss +21 -0
- data/node_modules/bulma/sass/helpers/position.scss +19 -0
- data/node_modules/bulma/sass/helpers/spacing.scss +64 -0
- data/node_modules/bulma/sass/helpers/typography.scss +168 -0
- data/node_modules/bulma/sass/helpers/visibility.scss +221 -0
- data/node_modules/bulma/sass/layout/_index.scss +9 -0
- data/node_modules/bulma/sass/layout/container.scss +51 -0
- data/node_modules/bulma/sass/layout/footer.scss +23 -0
- data/node_modules/bulma/sass/layout/hero.scss +270 -0
- data/node_modules/bulma/sass/layout/level.scss +107 -0
- data/node_modules/bulma/sass/layout/media.scss +106 -0
- data/node_modules/bulma/sass/layout/section.scss +34 -0
- data/node_modules/bulma/sass/themes/_index.scss +35 -0
- data/node_modules/bulma/sass/themes/dark.scss +56 -0
- data/node_modules/bulma/sass/themes/light.scss +145 -0
- data/node_modules/bulma/sass/themes/setup.scss +174 -0
- data/node_modules/bulma/sass/utilities/_index.scss +7 -0
- data/node_modules/bulma/sass/utilities/controls.scss +85 -0
- data/node_modules/bulma/sass/utilities/css-variables.scss +425 -0
- data/node_modules/bulma/sass/utilities/derived-variables.scss +112 -0
- data/node_modules/bulma/sass/utilities/extends.scss +34 -0
- data/node_modules/bulma/sass/utilities/functions.scss +258 -0
- data/node_modules/bulma/sass/utilities/initial-variables.scss +155 -0
- data/node_modules/bulma/sass/utilities/mixins.scss +460 -0
- data/node_modules/bulma/versions/bulma-no-dark-mode.scss +19 -0
- data/node_modules/bulma/versions/bulma-no-helpers-prefixed.scss +13 -0
- data/node_modules/bulma/versions/bulma-no-helpers.scss +11 -0
- data/node_modules/bulma/versions/bulma-prefixed.scss +6 -0
- data/package-lock.json +338 -18
- data/package.json +1 -2
- metadata +94 -90
- data/node_modules/bulma/bulma.sass +0 -10
- data/node_modules/bulma/css/bulma-rtl.css +0 -11851
- data/node_modules/bulma/css/bulma-rtl.css.map +0 -1
- data/node_modules/bulma/css/bulma-rtl.min.css +0 -1
- data/node_modules/bulma/sass/base/_all.sass +0 -6
- data/node_modules/bulma/sass/base/animations.sass +0 -5
- data/node_modules/bulma/sass/base/generic.sass +0 -145
- data/node_modules/bulma/sass/base/helpers.sass +0 -1
- data/node_modules/bulma/sass/base/minireset.sass +0 -79
- data/node_modules/bulma/sass/components/_all.sass +0 -15
- data/node_modules/bulma/sass/components/breadcrumb.sass +0 -77
- data/node_modules/bulma/sass/components/card.sass +0 -103
- data/node_modules/bulma/sass/components/dropdown.sass +0 -83
- data/node_modules/bulma/sass/components/level.sass +0 -79
- data/node_modules/bulma/sass/components/media.sass +0 -59
- data/node_modules/bulma/sass/components/menu.sass +0 -59
- data/node_modules/bulma/sass/components/message.sass +0 -101
- data/node_modules/bulma/sass/components/modal.sass +0 -117
- data/node_modules/bulma/sass/components/navbar.sass +0 -446
- data/node_modules/bulma/sass/components/pagination.sass +0 -167
- data/node_modules/bulma/sass/components/panel.sass +0 -121
- data/node_modules/bulma/sass/components/tabs.sass +0 -176
- data/node_modules/bulma/sass/elements/_all.sass +0 -16
- data/node_modules/bulma/sass/elements/box.sass +0 -26
- data/node_modules/bulma/sass/elements/button.sass +0 -357
- data/node_modules/bulma/sass/elements/container.sass +0 -29
- data/node_modules/bulma/sass/elements/content.sass +0 -162
- data/node_modules/bulma/sass/elements/form.sass +0 -1
- data/node_modules/bulma/sass/elements/icon.sass +0 -46
- data/node_modules/bulma/sass/elements/image.sass +0 -73
- data/node_modules/bulma/sass/elements/notification.sass +0 -52
- data/node_modules/bulma/sass/elements/other.sass +0 -31
- data/node_modules/bulma/sass/elements/progress.sass +0 -73
- data/node_modules/bulma/sass/elements/table.sass +0 -134
- data/node_modules/bulma/sass/elements/tag.sass +0 -140
- data/node_modules/bulma/sass/elements/title.sass +0 -70
- data/node_modules/bulma/sass/form/_all.sass +0 -9
- data/node_modules/bulma/sass/form/checkbox-radio.sass +0 -22
- data/node_modules/bulma/sass/form/file.sass +0 -184
- data/node_modules/bulma/sass/form/input-textarea.sass +0 -66
- data/node_modules/bulma/sass/form/select.sass +0 -88
- data/node_modules/bulma/sass/form/shared.sass +0 -60
- data/node_modules/bulma/sass/form/tools.sass +0 -215
- data/node_modules/bulma/sass/grid/_all.sass +0 -5
- data/node_modules/bulma/sass/grid/columns.sass +0 -513
- data/node_modules/bulma/sass/grid/tiles.sass +0 -36
- data/node_modules/bulma/sass/helpers/_all.sass +0 -12
- data/node_modules/bulma/sass/helpers/color.sass +0 -39
- data/node_modules/bulma/sass/helpers/flexbox.sass +0 -35
- data/node_modules/bulma/sass/helpers/float.sass +0 -10
- data/node_modules/bulma/sass/helpers/other.sass +0 -14
- data/node_modules/bulma/sass/helpers/overflow.sass +0 -2
- data/node_modules/bulma/sass/helpers/position.sass +0 -7
- data/node_modules/bulma/sass/helpers/spacing.sass +0 -31
- data/node_modules/bulma/sass/helpers/typography.sass +0 -103
- data/node_modules/bulma/sass/helpers/visibility.sass +0 -122
- data/node_modules/bulma/sass/layout/_all.sass +0 -6
- data/node_modules/bulma/sass/layout/footer.sass +0 -11
- data/node_modules/bulma/sass/layout/hero.sass +0 -153
- data/node_modules/bulma/sass/layout/section.sass +0 -17
- data/node_modules/bulma/sass/utilities/_all.sass +0 -9
- data/node_modules/bulma/sass/utilities/animations.sass +0 -1
- data/node_modules/bulma/sass/utilities/controls.sass +0 -49
- data/node_modules/bulma/sass/utilities/derived-variables.sass +0 -114
- data/node_modules/bulma/sass/utilities/extends.sass +0 -25
- data/node_modules/bulma/sass/utilities/functions.sass +0 -135
- data/node_modules/bulma/sass/utilities/initial-variables.sass +0 -79
- data/node_modules/bulma/sass/utilities/mixins.sass +0 -303
- data/node_modules/bulma-block-list/.editorconfig +0 -15
- data/node_modules/bulma-block-list/.github/FUNDING.yml +0 -12
- data/node_modules/bulma-block-list/LICENSE.txt +0 -21
- data/node_modules/bulma-block-list/README.md +0 -32
- data/node_modules/bulma-block-list/changelog.txt +0 -20
- data/node_modules/bulma-block-list/docs/Gemfile +0 -3
- data/node_modules/bulma-block-list/docs/_config.yml +0 -17
- data/node_modules/bulma-block-list/docs/_data/menu.yaml +0 -24
- data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +0 -156
- data/node_modules/bulma-block-list/docs/_sass/_main.scss +0 -20
- data/node_modules/bulma-block-list/docs/assets/css/app.scss +0 -7
- data/node_modules/bulma-block-list/docs/favicon.ico +0 -0
- data/node_modules/bulma-block-list/docs/index.html +0 -359
- data/node_modules/bulma-block-list/package.json +0 -22
- data/node_modules/bulma-block-list/src/block-list.scss +0 -156
- 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,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
|
-

|
|
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,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'
|