bulma-clean-theme 0.11 → 0.13
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 +10 -634
- data/_includes/head.html +1 -1
- data/_includes/header.html +1 -1
- data/_includes/image-modal.html +1 -1
- data/_includes/notification.html +2 -2
- data/_includes/series.html +32 -0
- data/_layouts/default.html +2 -2
- data/_layouts/post.html +4 -0
- data/_layouts/recipe.html +22 -0
- data/_posts/2021-10-30-creating-a-post-series.md +59 -0
- data/node_modules/.package-lock.json +21 -0
- data/node_modules/bulma/CHANGELOG.md +521 -448
- data/node_modules/bulma/README.md +5 -2
- data/node_modules/bulma/bulma.sass +1 -1
- data/node_modules/bulma/css/bulma-rtl.css +778 -591
- data/node_modules/bulma/css/bulma-rtl.css.map +1 -1
- data/node_modules/bulma/css/bulma-rtl.min.css +1 -1
- data/node_modules/bulma/css/bulma.css +621 -434
- data/node_modules/bulma/css/bulma.css.map +1 -1
- data/node_modules/bulma/css/bulma.min.css +1 -1
- data/node_modules/bulma/package.json +28 -54
- data/node_modules/bulma/sass/base/_all.sass +3 -2
- data/node_modules/{bulma-block-list/node_modules/bulma/sass/utilities → bulma/sass/base}/animations.sass +0 -0
- data/node_modules/bulma/sass/base/generic.sass +2 -0
- data/node_modules/bulma/sass/components/_all.sass +12 -12
- data/node_modules/bulma/sass/components/breadcrumb.sass +2 -0
- data/node_modules/bulma/sass/components/card.sass +23 -3
- data/node_modules/bulma/sass/components/dropdown.sass +3 -1
- data/node_modules/bulma/sass/components/level.sass +3 -1
- data/node_modules/bulma/sass/components/media.sass +16 -9
- data/node_modules/bulma/sass/components/menu.sass +2 -0
- data/node_modules/bulma/sass/components/message.sass +2 -0
- data/node_modules/bulma/sass/components/modal.sass +2 -0
- data/node_modules/bulma/sass/components/navbar.sass +3 -0
- data/node_modules/bulma/sass/components/pagination.sass +19 -3
- data/node_modules/bulma/sass/components/panel.sass +3 -1
- data/node_modules/bulma/sass/components/tabs.sass +2 -0
- data/node_modules/bulma/sass/elements/_all.sass +12 -12
- data/node_modules/bulma/sass/elements/box.sass +3 -1
- data/node_modules/bulma/sass/elements/button.sass +27 -7
- data/node_modules/bulma/sass/elements/container.sass +2 -0
- data/node_modules/bulma/sass/elements/content.sass +4 -0
- data/node_modules/bulma/sass/elements/icon.sass +25 -0
- data/node_modules/bulma/sass/elements/image.sass +2 -0
- data/node_modules/bulma/sass/elements/notification.sass +2 -0
- data/node_modules/bulma/sass/elements/other.sass +2 -10
- data/node_modules/bulma/sass/elements/progress.sass +2 -0
- data/node_modules/bulma/sass/elements/table.sass +2 -0
- data/node_modules/bulma/sass/elements/tag.sass +2 -0
- data/node_modules/bulma/sass/elements/title.sass +2 -2
- data/node_modules/bulma/sass/form/_all.sass +6 -6
- data/node_modules/bulma/sass/form/file.sass +2 -0
- data/node_modules/bulma/sass/form/shared.sass +3 -0
- data/node_modules/bulma/sass/grid/_all.sass +2 -2
- data/node_modules/bulma/sass/grid/columns.sass +93 -84
- data/node_modules/bulma/sass/grid/tiles.sass +3 -1
- data/node_modules/bulma/sass/helpers/_all.sass +9 -9
- data/node_modules/bulma/sass/helpers/color.sass +2 -0
- data/node_modules/bulma/sass/helpers/float.sass +2 -0
- data/node_modules/bulma/sass/helpers/other.sass +3 -0
- data/node_modules/bulma/sass/helpers/position.sass +2 -0
- data/node_modules/bulma/sass/helpers/spacing.sass +1 -1
- data/node_modules/bulma/sass/helpers/typography.sass +5 -0
- data/node_modules/bulma/sass/helpers/visibility.sass +1 -1
- data/node_modules/bulma/sass/layout/_all.sass +3 -3
- data/node_modules/bulma/sass/layout/footer.sass +2 -0
- data/node_modules/bulma/sass/layout/hero.sass +8 -2
- data/node_modules/bulma/sass/layout/section.sass +6 -2
- data/node_modules/bulma/sass/utilities/_all.sass +6 -6
- data/node_modules/bulma/sass/utilities/animations.sass +1 -5
- data/node_modules/bulma/sass/utilities/controls.sass +2 -3
- data/node_modules/bulma/sass/utilities/derived-variables.sass +7 -0
- data/node_modules/bulma/sass/utilities/extends.sass +25 -0
- data/node_modules/bulma/sass/utilities/functions.sass +25 -4
- data/node_modules/bulma/sass/utilities/initial-variables.sass +5 -5
- data/node_modules/bulma/sass/utilities/mixins.sass +18 -23
- data/node_modules/bulma-block-list/.editorconfig +15 -0
- data/node_modules/bulma-block-list/.github/FUNDING.yml +12 -0
- data/node_modules/bulma-block-list/changelog.txt +20 -0
- data/node_modules/bulma-block-list/docs/Gemfile +2 -2
- data/node_modules/bulma-block-list/docs/_config.yml +2 -0
- data/node_modules/bulma-block-list/docs/_data/menu.yaml +5 -1
- data/node_modules/bulma-block-list/docs/_sass/_block-list.scss +30 -2
- data/node_modules/bulma-block-list/docs/index.html +106 -7
- data/node_modules/bulma-block-list/package.json +10 -44
- data/node_modules/bulma-block-list/src/block-list.scss +30 -2
- data/package-lock.json +32 -15
- data/package.json +2 -2
- metadata +20 -67
- data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +0 -1390
- data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +0 -21
- data/node_modules/bulma-block-list/node_modules/bulma/README.md +0 -130
- data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +0 -9
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +0 -10855
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +0 -1
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +0 -1
- data/node_modules/bulma-block-list/node_modules/bulma/package.json +0 -77
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +0 -5
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +0 -142
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +0 -281
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +0 -79
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +0 -15
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +0 -75
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +0 -79
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +0 -81
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +0 -77
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +0 -39
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +0 -50
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +0 -57
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +0 -99
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +0 -113
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +0 -441
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +0 -150
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +0 -119
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +0 -151
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +0 -15
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +0 -24
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +0 -323
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +0 -24
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +0 -155
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +0 -1
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +0 -21
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +0 -71
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +0 -43
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +0 -39
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +0 -67
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +0 -127
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +0 -128
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +0 -70
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +0 -8
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +0 -21
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +0 -180
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +0 -64
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +0 -85
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +0 -55
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +0 -205
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +0 -4
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +0 -504
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +0 -34
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +0 -5
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +0 -9
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +0 -145
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +0 -13
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +0 -8
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +0 -50
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +0 -106
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +0 -110
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +0 -77
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +0 -261
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
$value: $value * $number
|
|
59
59
|
@else if $exp < 0
|
|
60
60
|
@for $i from 1 through -$exp
|
|
61
|
-
$value: $value
|
|
61
|
+
$value: divide($value, $number)
|
|
62
62
|
@return $value
|
|
63
63
|
|
|
64
64
|
@function colorLuminance($color)
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
$color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
|
|
68
68
|
@each $name, $value in $color-rgb
|
|
69
69
|
$adjusted: 0
|
|
70
|
-
$value: $value
|
|
70
|
+
$value: divide($value, 255)
|
|
71
71
|
@if $value < 0.03928
|
|
72
|
-
$value: $value
|
|
72
|
+
$value: divide($value, 12.92)
|
|
73
73
|
@else
|
|
74
|
-
$value: ($value + .055)
|
|
74
|
+
$value: divide(($value + .055), 1.055)
|
|
75
75
|
$value: powerNumber($value, 2)
|
|
76
76
|
$color-rgb: map-merge($color-rgb, ($name: $value))
|
|
77
77
|
@return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722)
|
|
@@ -113,3 +113,24 @@
|
|
|
113
113
|
@if type-of($color) != 'color'
|
|
114
114
|
@return $color
|
|
115
115
|
@return lighten($color, $amount)
|
|
116
|
+
|
|
117
|
+
// Custom divide function by @mdo from https://github.com/twbs/bootstrap/pull/34245
|
|
118
|
+
// Replaces old slash division deprecated in Dart Sass
|
|
119
|
+
@function divide($dividend, $divisor, $precision: 10)
|
|
120
|
+
$sign: if($dividend > 0 and $divisor > 0, 1, -1)
|
|
121
|
+
$dividend: abs($dividend)
|
|
122
|
+
$divisor: abs($divisor)
|
|
123
|
+
$quotient: 0
|
|
124
|
+
$remainder: $dividend
|
|
125
|
+
@if $dividend == 0
|
|
126
|
+
@return 0
|
|
127
|
+
@if $divisor == 0
|
|
128
|
+
@error "Cannot divide by 0"
|
|
129
|
+
@if $divisor == 1
|
|
130
|
+
@return $dividend
|
|
131
|
+
@while $remainder >= $divisor
|
|
132
|
+
$quotient: $quotient + 1
|
|
133
|
+
$remainder: $remainder - $divisor
|
|
134
|
+
@if $remainder > 0 and $precision > 0
|
|
135
|
+
$remainder: divide($remainder * 10, $divisor, $precision - 1) * .1
|
|
136
|
+
@return ($quotient + $remainder) * $sign
|
|
@@ -16,11 +16,11 @@ $white-bis: hsl(0, 0%, 98%) !default
|
|
|
16
16
|
$white: hsl(0, 0%, 100%) !default
|
|
17
17
|
|
|
18
18
|
$orange: hsl(14, 100%, 53%) !default
|
|
19
|
-
$yellow: hsl(
|
|
20
|
-
$green: hsl(
|
|
19
|
+
$yellow: hsl(44, 100%, 77%) !default
|
|
20
|
+
$green: hsl(153, 53%, 53%) !default
|
|
21
21
|
$turquoise: hsl(171, 100%, 41%) !default
|
|
22
|
-
$cyan: hsl(
|
|
23
|
-
$blue: hsl(
|
|
22
|
+
$cyan: hsl(207, 61%, 53%) !default
|
|
23
|
+
$blue: hsl(229, 53%, 53%) !default
|
|
24
24
|
$purple: hsl(271, 100%, 71%) !default
|
|
25
25
|
$red: hsl(348, 86%, 61%) !default
|
|
26
26
|
|
|
@@ -69,7 +69,7 @@ $easing: ease-out !default
|
|
|
69
69
|
$radius-small: 2px !default
|
|
70
70
|
$radius: 4px !default
|
|
71
71
|
$radius-large: 6px !default
|
|
72
|
-
$radius-rounded:
|
|
72
|
+
$radius-rounded: 9999px !default
|
|
73
73
|
$speed: 86ms !default
|
|
74
74
|
|
|
75
75
|
// Flags
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import "
|
|
1
|
+
@import "derived-variables"
|
|
2
2
|
|
|
3
3
|
=clearfix
|
|
4
4
|
&::after
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
=center($width, $height: 0)
|
|
10
10
|
position: absolute
|
|
11
11
|
@if $height != 0
|
|
12
|
-
left: calc(50% - (#{$width}
|
|
13
|
-
top: calc(50% - (#{$height}
|
|
12
|
+
left: calc(50% - (#{$width} * 0.5))
|
|
13
|
+
top: calc(50% - (#{$height} * 0.5))
|
|
14
14
|
@else
|
|
15
|
-
left: calc(50% - (#{$width}
|
|
16
|
-
top: calc(50% - (#{$width}
|
|
15
|
+
left: calc(50% - (#{$width} * 0.5))
|
|
16
|
+
top: calc(50% - (#{$width} * 0.5))
|
|
17
17
|
|
|
18
18
|
=fa($size, $dimensions)
|
|
19
19
|
display: inline-block
|
|
@@ -68,6 +68,18 @@
|
|
|
68
68
|
&:#{$placeholder}-placeholder
|
|
69
69
|
@content
|
|
70
70
|
|
|
71
|
+
=reset
|
|
72
|
+
-moz-appearance: none
|
|
73
|
+
-webkit-appearance: none
|
|
74
|
+
appearance: none
|
|
75
|
+
background: none
|
|
76
|
+
border: none
|
|
77
|
+
color: currentColor
|
|
78
|
+
font-family: inherit
|
|
79
|
+
font-size: 1em
|
|
80
|
+
margin: 0
|
|
81
|
+
padding: 0
|
|
82
|
+
|
|
71
83
|
// Responsiveness
|
|
72
84
|
|
|
73
85
|
=from($device)
|
|
@@ -161,9 +173,6 @@
|
|
|
161
173
|
-ms-user-select: none
|
|
162
174
|
user-select: none
|
|
163
175
|
|
|
164
|
-
%unselectable
|
|
165
|
-
+unselectable
|
|
166
|
-
|
|
167
176
|
=arrow($color: transparent)
|
|
168
177
|
border: 3px solid $color
|
|
169
178
|
border-radius: 2px
|
|
@@ -180,18 +189,12 @@
|
|
|
180
189
|
transform-origin: center
|
|
181
190
|
width: 0.625em
|
|
182
191
|
|
|
183
|
-
%arrow
|
|
184
|
-
+arrow
|
|
185
|
-
|
|
186
192
|
=block($spacing: $block-spacing)
|
|
187
193
|
&:not(:last-child)
|
|
188
194
|
margin-bottom: $spacing
|
|
189
195
|
|
|
190
|
-
%block
|
|
191
|
-
+block
|
|
192
|
-
|
|
193
196
|
=delete
|
|
194
|
-
|
|
197
|
+
+unselectable
|
|
195
198
|
-moz-appearance: none
|
|
196
199
|
-webkit-appearance: none
|
|
197
200
|
background-color: bulmaRgba($scheme-invert, 0.2)
|
|
@@ -256,9 +259,6 @@
|
|
|
256
259
|
min-width: 32px
|
|
257
260
|
width: 32px
|
|
258
261
|
|
|
259
|
-
%delete
|
|
260
|
-
+delete
|
|
261
|
-
|
|
262
262
|
=loader
|
|
263
263
|
animation: spinAround 500ms infinite linear
|
|
264
264
|
border: 2px solid $grey-lighter
|
|
@@ -271,9 +271,6 @@
|
|
|
271
271
|
position: relative
|
|
272
272
|
width: 1em
|
|
273
273
|
|
|
274
|
-
%loader
|
|
275
|
-
+loader
|
|
276
|
-
|
|
277
274
|
=overlay($offset: 0)
|
|
278
275
|
bottom: $offset
|
|
279
276
|
left: $offset
|
|
@@ -281,5 +278,3 @@
|
|
|
281
278
|
right: $offset
|
|
282
279
|
top: $offset
|
|
283
280
|
|
|
284
|
-
%overlay
|
|
285
|
-
+overlay
|
|
@@ -0,0 +1,12 @@
|
|
|
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']
|
|
@@ -0,0 +1,20 @@
|
|
|
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 +1,3 @@
|
|
|
1
1
|
source 'https://rubygems.org'
|
|
2
|
-
gem "bulma-clean-theme", '0.
|
|
3
|
-
gem 'github-pages', group: :jekyll_plugins
|
|
2
|
+
gem "bulma-clean-theme", '0.12'
|
|
3
|
+
gem 'github-pages', group: :jekyll_plugins
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
- label: Docs
|
|
2
2
|
items:
|
|
3
|
+
- name: Installation
|
|
4
|
+
link: '/#installation'
|
|
3
5
|
- name: How To Use
|
|
4
6
|
link: '/#how-to-use'
|
|
5
7
|
- name: Alignment
|
|
@@ -14,7 +16,9 @@
|
|
|
14
16
|
link: '/#has-radius'
|
|
15
17
|
- name: Is Highlighted
|
|
16
18
|
link: '/#highlighted'
|
|
19
|
+
- name: Has Icon
|
|
20
|
+
link: '/#has-icon'
|
|
17
21
|
- name: List Item Overrides
|
|
18
22
|
link: '/#list-item-overrides'
|
|
19
23
|
- name: Combinations
|
|
20
|
-
link: '/#combinations'
|
|
24
|
+
link: '/#combinations'
|
|
@@ -67,6 +67,34 @@ $block-list-highlight-width: 5px !default;
|
|
|
67
67
|
border: 1px solid $color;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
li.is-outlined,
|
|
71
|
+
&.is-outlined > li {
|
|
72
|
+
@include outlined($border);
|
|
73
|
+
color: $text;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
li.has-icon {
|
|
77
|
+
display: flex;
|
|
78
|
+
|
|
79
|
+
.icon {
|
|
80
|
+
flex-grow: 0;
|
|
81
|
+
flex-shrink: 0;
|
|
82
|
+
flex-basis: auto;
|
|
83
|
+
margin-right: 1em;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
span {
|
|
87
|
+
flex-grow: 1;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&.is-right {
|
|
91
|
+
.icon {
|
|
92
|
+
margin-right: 0;
|
|
93
|
+
margin-left: 1em
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
70
98
|
@each $name, $pair in $colors {
|
|
71
99
|
|
|
72
100
|
$color: nth($pair, 1);
|
|
@@ -77,7 +105,7 @@ $block-list-highlight-width: 5px !default;
|
|
|
77
105
|
background: $color;
|
|
78
106
|
color: $color-invert;
|
|
79
107
|
}
|
|
80
|
-
|
|
108
|
+
|
|
81
109
|
li.is-#{$name}.is-outlined {
|
|
82
110
|
@include outlined($color);
|
|
83
111
|
}
|
|
@@ -100,4 +128,4 @@ $block-list-highlight-width: 5px !default;
|
|
|
100
128
|
}
|
|
101
129
|
}
|
|
102
130
|
}
|
|
103
|
-
}
|
|
131
|
+
}
|
|
@@ -5,8 +5,8 @@ layout: page
|
|
|
5
5
|
menubar: menu
|
|
6
6
|
hero_height: is-medium
|
|
7
7
|
---
|
|
8
|
-
|
|
9
|
-
<div class="columns is-multiline">
|
|
8
|
+
|
|
9
|
+
<div class="columns is-multiline" markdown="0">
|
|
10
10
|
<div class="column is-12 has-text-right">
|
|
11
11
|
<a href="https://github.com/chrisrhymes/bulma-block-list/stargazers">
|
|
12
12
|
<img src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social" alt="GitHub Stars" />
|
|
@@ -16,10 +16,18 @@ hero_height: is-medium
|
|
|
16
16
|
</a>
|
|
17
17
|
<img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
|
|
18
18
|
</div>
|
|
19
|
+
<div class="column is-12">
|
|
20
|
+
<div class="content">
|
|
21
|
+
<h2 id="installation">Installation</h2>
|
|
22
|
+
<ul>
|
|
23
|
+
<li><code>npm i -S bulma-block-list</code></li>
|
|
24
|
+
<li><code>@import "node_modules/bulma-block-list/src/block-list";</code> after importing Bulma.</li>
|
|
25
|
+
</ul>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
19
28
|
<div class="column is-12">
|
|
20
29
|
<div class="content">
|
|
21
30
|
<h2 id="how-to-use">How to use</h2>
|
|
22
|
-
<p>View the <a href="https://github.com/chrisrhymes/bulma-block-list">Bulma Block List repo on GitHub</a> and follow the instructions.</p>
|
|
23
31
|
<p>Create a ul and give it the class 'block-list' then use the modifyers to style as needed. Only some of the colours are displayed below but the scss loops through the entire Bulma $colors map.</p>
|
|
24
32
|
</div>
|
|
25
33
|
<div class="highlight highlight-text-html-basic">
|
|
@@ -119,16 +127,16 @@ hero_height: is-medium
|
|
|
119
127
|
<p class="title is-4" id="outlined">Outlined</p>
|
|
120
128
|
</div>
|
|
121
129
|
<div class="column is-4">
|
|
122
|
-
<p class="title is-5">is-outlined
|
|
123
|
-
<ul class="block-list is-outlined
|
|
130
|
+
<p class="title is-5">is-outlined</p>
|
|
131
|
+
<ul class="block-list is-outlined">
|
|
124
132
|
<li>Item one</li>
|
|
125
133
|
<li>Item two</li>
|
|
126
134
|
<li>Item three</li>
|
|
127
135
|
</ul>
|
|
128
136
|
</div>
|
|
129
137
|
<div class="column is-4">
|
|
130
|
-
<p class="title is-5">is-outlined is-
|
|
131
|
-
<ul class="block-list is-outlined is-
|
|
138
|
+
<p class="title is-5">is-outlined is-primary</p>
|
|
139
|
+
<ul class="block-list is-outlined is-primary">
|
|
132
140
|
<li>Item one</li>
|
|
133
141
|
<li>Item two</li>
|
|
134
142
|
<li>Item three</li>
|
|
@@ -200,6 +208,97 @@ hero_height: is-medium
|
|
|
200
208
|
</ul>
|
|
201
209
|
</div>
|
|
202
210
|
|
|
211
|
+
<div class="column is-12">
|
|
212
|
+
<p class="title is-4" id="has-icon">Has Icon</p>
|
|
213
|
+
<p>In v0.5 you can add icons</p>
|
|
214
|
+
<div class="highlight highlight-text-html-basic">
|
|
215
|
+
<pre>
|
|
216
|
+
<li class="has-icon">
|
|
217
|
+
<span class="icon">
|
|
218
|
+
<i class="fas fa-plane"></i>
|
|
219
|
+
</span>
|
|
220
|
+
<span>Item one</span>
|
|
221
|
+
</li>
|
|
222
|
+
|
|
223
|
+
// .is-right
|
|
224
|
+
<li class="has-icon is-right">
|
|
225
|
+
<span>Item one</span>
|
|
226
|
+
<span class="icon">
|
|
227
|
+
<i class="fas fa-plane"></i>
|
|
228
|
+
</span>
|
|
229
|
+
</li></pre>
|
|
230
|
+
</div>
|
|
231
|
+
</div>
|
|
232
|
+
<div class="column is-4">
|
|
233
|
+
<p class="title is-5">li.has-icon</p>
|
|
234
|
+
<ul class="block-list">
|
|
235
|
+
<li class="has-icon">
|
|
236
|
+
<span class="icon">
|
|
237
|
+
<i class="fas fa-plane"></i>
|
|
238
|
+
</span>
|
|
239
|
+
<span>Item one</span>
|
|
240
|
+
</li>
|
|
241
|
+
<li class="has-icon">
|
|
242
|
+
<span class="icon">
|
|
243
|
+
<i class="fas fa-paper-plane"></i>
|
|
244
|
+
</span>
|
|
245
|
+
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
|
|
246
|
+
</li>
|
|
247
|
+
<li>
|
|
248
|
+
<span class="icon">
|
|
249
|
+
<i class="fas fa-plane"></i>
|
|
250
|
+
</span>
|
|
251
|
+
<span>Item Three</span>
|
|
252
|
+
</li>
|
|
253
|
+
</ul>
|
|
254
|
+
</div>
|
|
255
|
+
<div class="column is-4">
|
|
256
|
+
<p class="title is-5">li.has-icon.is-right</p>
|
|
257
|
+
<ul class="block-list">
|
|
258
|
+
<li class="has-icon is-right">
|
|
259
|
+
<span>Item one</span>
|
|
260
|
+
<span class="icon">
|
|
261
|
+
<i class="fas fa-plane"></i>
|
|
262
|
+
</span>
|
|
263
|
+
</li>
|
|
264
|
+
<li class="has-icon is-right">
|
|
265
|
+
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
|
|
266
|
+
<span class="icon">
|
|
267
|
+
<i class="fas fa-paper-plane"></i>
|
|
268
|
+
</span>
|
|
269
|
+
</li>
|
|
270
|
+
<li class="has-icon is-right">
|
|
271
|
+
<span>Item Three</span>
|
|
272
|
+
<span class="icon">
|
|
273
|
+
<i class="fas fa-plane"></i>
|
|
274
|
+
</span>
|
|
275
|
+
</li>
|
|
276
|
+
</ul>
|
|
277
|
+
</div>
|
|
278
|
+
<div class="column is-4">
|
|
279
|
+
<p class="title is-5">Combining styles</p>
|
|
280
|
+
<ul class="block-list has-radius">
|
|
281
|
+
<li class="has-icon">
|
|
282
|
+
<span class="icon">
|
|
283
|
+
<i class="fas fa-plane"></i>
|
|
284
|
+
</span>
|
|
285
|
+
<span>Item one</span>
|
|
286
|
+
</li>
|
|
287
|
+
<li class="has-icon is-highlighted is-primary">
|
|
288
|
+
<span class="icon">
|
|
289
|
+
<i class="fas fa-paper-plane"></i>
|
|
290
|
+
</span>
|
|
291
|
+
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat eu massa sodales auctor.</span>
|
|
292
|
+
</li>
|
|
293
|
+
<li>
|
|
294
|
+
<span class="icon">
|
|
295
|
+
<i class="fas fa-plane"></i>
|
|
296
|
+
</span>
|
|
297
|
+
<span>Item Three</span>
|
|
298
|
+
</li>
|
|
299
|
+
</ul>
|
|
300
|
+
</div>
|
|
301
|
+
|
|
203
302
|
<div class="column is-12">
|
|
204
303
|
<p class="title is-4" id="list-item-overrides">List Item Overrides</p>
|
|
205
304
|
<p>In v0.3 you can override the classes on a list item</p>
|
|
@@ -1,56 +1,22 @@
|
|
|
1
1
|
{
|
|
2
|
-
"
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"_location": "/bulma-block-list",
|
|
7
|
-
"_phantomChildren": {},
|
|
8
|
-
"_requested": {
|
|
9
|
-
"type": "range",
|
|
10
|
-
"registry": true,
|
|
11
|
-
"raw": "bulma-block-list@^0.4.1",
|
|
12
|
-
"name": "bulma-block-list",
|
|
13
|
-
"escapedName": "bulma-block-list",
|
|
14
|
-
"rawSpec": "^0.4.1",
|
|
15
|
-
"saveSpec": null,
|
|
16
|
-
"fetchSpec": "^0.4.1"
|
|
17
|
-
},
|
|
18
|
-
"_requiredBy": [
|
|
19
|
-
"/"
|
|
20
|
-
],
|
|
21
|
-
"_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.1.tgz",
|
|
22
|
-
"_shasum": "24fc9eabb216694885bacbd5cff87e8e0b6a7937",
|
|
23
|
-
"_spec": "bulma-block-list@^0.4.1",
|
|
24
|
-
"_where": "/Users/chrisrhymes/Code/bulma-clean-theme",
|
|
25
|
-
"author": {
|
|
26
|
-
"name": "chrisrhymes"
|
|
27
|
-
},
|
|
2
|
+
"name": "bulma-block-list",
|
|
3
|
+
"version": "0.6.0",
|
|
4
|
+
"description": "A simple scss package extending Bulma with block style list elements",
|
|
5
|
+
"homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
|
|
28
6
|
"bugs": {
|
|
29
7
|
"url": "https://github.com/chrisrhymes/bulma-block-list/issues"
|
|
30
8
|
},
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"bulma": "^0.8.0"
|
|
34
|
-
},
|
|
35
|
-
"deprecated": false,
|
|
36
|
-
"description": "A simple scss package extending Bulma with block style list elements",
|
|
37
|
-
"devDependencies": {
|
|
38
|
-
"node-sass": "^4.9.2"
|
|
39
|
-
},
|
|
40
|
-
"homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
|
|
9
|
+
"main": "src/block-list.scss",
|
|
10
|
+
"scripts": {},
|
|
41
11
|
"keywords": [
|
|
42
12
|
"Bulma",
|
|
43
13
|
"List",
|
|
44
14
|
"BlockList",
|
|
45
15
|
"Unordered List"
|
|
46
16
|
],
|
|
17
|
+
"author": "chrisrhymes",
|
|
47
18
|
"license": "MIT",
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"css-build": "node-sass --omit-source-map-url src/demo.scss docs/demo.css",
|
|
52
|
-
"css-watch": "npm run css-build -- --watch",
|
|
53
|
-
"start": "npm run css-watch"
|
|
54
|
-
},
|
|
55
|
-
"version": "0.4.1"
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"bulma": "^0.9.3"
|
|
21
|
+
}
|
|
56
22
|
}
|
|
@@ -67,6 +67,34 @@ $block-list-highlight-width: 5px !default;
|
|
|
67
67
|
border: 1px solid $color;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
li.is-outlined,
|
|
71
|
+
&.is-outlined > li {
|
|
72
|
+
@include outlined($border);
|
|
73
|
+
color: $text;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
li.has-icon {
|
|
77
|
+
display: flex;
|
|
78
|
+
|
|
79
|
+
.icon {
|
|
80
|
+
flex-grow: 0;
|
|
81
|
+
flex-shrink: 0;
|
|
82
|
+
flex-basis: auto;
|
|
83
|
+
margin-right: 1em;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
span {
|
|
87
|
+
flex-grow: 1;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&.is-right {
|
|
91
|
+
.icon {
|
|
92
|
+
margin-right: 0;
|
|
93
|
+
margin-left: 1em
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
70
98
|
@each $name, $pair in $colors {
|
|
71
99
|
|
|
72
100
|
$color: nth($pair, 1);
|
|
@@ -77,7 +105,7 @@ $block-list-highlight-width: 5px !default;
|
|
|
77
105
|
background: $color;
|
|
78
106
|
color: $color-invert;
|
|
79
107
|
}
|
|
80
|
-
|
|
108
|
+
|
|
81
109
|
li.is-#{$name}.is-outlined {
|
|
82
110
|
@include outlined($color);
|
|
83
111
|
}
|
|
@@ -100,4 +128,4 @@ $block-list-highlight-width: 5px !default;
|
|
|
100
128
|
}
|
|
101
129
|
}
|
|
102
130
|
}
|
|
103
|
-
}
|
|
131
|
+
}
|
data/package-lock.json
CHANGED
|
@@ -1,27 +1,44 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bulma-clean-theme",
|
|
3
3
|
"version": "1.0.0",
|
|
4
|
-
"lockfileVersion":
|
|
4
|
+
"lockfileVersion": 2,
|
|
5
5
|
"requires": true,
|
|
6
|
+
"packages": {
|
|
7
|
+
"": {
|
|
8
|
+
"version": "1.0.0",
|
|
9
|
+
"license": "MIT",
|
|
10
|
+
"dependencies": {
|
|
11
|
+
"bulma": "^0.9.3",
|
|
12
|
+
"bulma-block-list": "^0.6"
|
|
13
|
+
},
|
|
14
|
+
"devDependencies": {}
|
|
15
|
+
},
|
|
16
|
+
"node_modules/bulma": {
|
|
17
|
+
"version": "0.9.3",
|
|
18
|
+
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.3.tgz",
|
|
19
|
+
"integrity": "sha512-0d7GNW1PY4ud8TWxdNcP6Cc8Bu7MxcntD/RRLGWuiw/s0a9P+XlH/6QoOIrmbj6o8WWJzJYhytiu9nFjTszk1g=="
|
|
20
|
+
},
|
|
21
|
+
"node_modules/bulma-block-list": {
|
|
22
|
+
"version": "0.6.0",
|
|
23
|
+
"resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.6.0.tgz",
|
|
24
|
+
"integrity": "sha512-Ub+5DS14YN1zTxfq2WbP7c3wfUKq2SpOTbFa8brhHUJe73WSfIgXQg02SYpbYWGalEkaflIRjzGKX35N4/jGOA==",
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"bulma": "^0.9.3"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
6
30
|
"dependencies": {
|
|
7
31
|
"bulma": {
|
|
8
|
-
"version": "0.9.
|
|
9
|
-
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.
|
|
10
|
-
"integrity": "sha512-
|
|
32
|
+
"version": "0.9.3",
|
|
33
|
+
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.3.tgz",
|
|
34
|
+
"integrity": "sha512-0d7GNW1PY4ud8TWxdNcP6Cc8Bu7MxcntD/RRLGWuiw/s0a9P+XlH/6QoOIrmbj6o8WWJzJYhytiu9nFjTszk1g=="
|
|
11
35
|
},
|
|
12
36
|
"bulma-block-list": {
|
|
13
|
-
"version": "0.
|
|
14
|
-
"resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.
|
|
15
|
-
"integrity": "sha512-
|
|
37
|
+
"version": "0.6.0",
|
|
38
|
+
"resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.6.0.tgz",
|
|
39
|
+
"integrity": "sha512-Ub+5DS14YN1zTxfq2WbP7c3wfUKq2SpOTbFa8brhHUJe73WSfIgXQg02SYpbYWGalEkaflIRjzGKX35N4/jGOA==",
|
|
16
40
|
"requires": {
|
|
17
|
-
"bulma": "^0.
|
|
18
|
-
},
|
|
19
|
-
"dependencies": {
|
|
20
|
-
"bulma": {
|
|
21
|
-
"version": "0.8.2",
|
|
22
|
-
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.8.2.tgz",
|
|
23
|
-
"integrity": "sha512-vMM/ijYSxX+Sm+nD7Lmc1UgWDy2JcL2nTKqwgEqXuOMU+IGALbXd5MLt/BcjBAPLIx36TtzhzBcSnOP974gcqA=="
|
|
24
|
-
}
|
|
41
|
+
"bulma": "^0.9.3"
|
|
25
42
|
}
|
|
26
43
|
}
|
|
27
44
|
}
|