bulma-clean-theme 0.6.5 → 0.8.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +59 -2
- data/_includes/callouts.html +5 -1
- data/_includes/footer.html +1 -1
- data/_includes/head.html +5 -2
- data/_includes/header.html +13 -3
- data/_includes/hero.html +3 -3
- data/_includes/menubar.html +2 -2
- data/_includes/pagination.html +2 -2
- data/_includes/share-buttons.html +19 -0
- data/_includes/showcase.html +1 -1
- data/_includes/sponsors.html +42 -0
- data/_includes/tabs.html +1 -1
- data/_layouts/default.html +1 -0
- data/_layouts/post.html +4 -0
- data/_layouts/product-category.html +1 -1
- data/_posts/2019-02-09-getting-started-with-bulma-clean-theme.markdown +2 -2
- data/_posts/2020-05-08-creating-a-docs-site-with-bulma-clean-theme.markdown +96 -0
- data/_sass/_layout.scss +4 -0
- data/_sass/_main.scss +7 -1
- data/node_modules/bulma-block-list/README.md +12 -0
- data/node_modules/bulma-block-list/docs/demo.css +105 -76
- data/node_modules/bulma-block-list/docs/index.html +33 -3
- data/node_modules/bulma-block-list/package.json +10 -10
- data/node_modules/bulma-block-list/src/block-list.scss +34 -44
- data/node_modules/bulma-block-list/src/demo.scss +1 -1
- data/node_modules/bulma/CHANGELOG.md +20 -1
- data/node_modules/bulma/LICENSE +1 -1
- data/node_modules/bulma/README.md +11 -7
- data/node_modules/bulma/bulma.sass +1 -1
- data/node_modules/bulma/css/bulma.css +34 -11
- 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 +19 -20
- data/node_modules/bulma/sass/base/helpers.sass +1 -1
- data/node_modules/bulma/sass/components/media.sass +1 -1
- data/node_modules/bulma/sass/components/modal.sass +1 -1
- data/node_modules/bulma/sass/components/navbar.sass +9 -11
- data/node_modules/bulma/sass/components/panel.sass +2 -1
- data/node_modules/bulma/sass/elements/button.sass +10 -9
- data/node_modules/bulma/sass/elements/notification.sass +7 -0
- data/node_modules/bulma/sass/form/file.sass +7 -7
- data/node_modules/bulma/sass/form/input-textarea.sass +1 -1
- data/node_modules/bulma/sass/form/select.sass +2 -2
- data/node_modules/bulma/sass/form/shared.sass +3 -3
- data/node_modules/bulma/sass/layout/hero.sass +21 -19
- data/node_modules/bulma/sass/utilities/functions.sass +12 -0
- data/node_modules/bulma/sass/utilities/mixins.sass +4 -4
- data/package-lock.json +6 -6
- data/package.json +2 -2
- metadata +5 -2
@@ -34,3 +34,10 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
|
|
34
34
|
&.is-#{$name}
|
35
35
|
background-color: $color
|
36
36
|
color: $color-invert
|
37
|
+
// If light and dark colors are provided
|
38
|
+
@if length($pair) >= 4
|
39
|
+
$color-light: nth($pair, 3)
|
40
|
+
$color-dark: nth($pair, 4)
|
41
|
+
&.is-light
|
42
|
+
background-color: $color-light
|
43
|
+
color: $color-dark
|
@@ -29,19 +29,19 @@ $file-name-max-width: 16em !default
|
|
29
29
|
&:hover,
|
30
30
|
&.is-hovered
|
31
31
|
.file-cta
|
32
|
-
background-color:
|
32
|
+
background-color: bulmaDarken($color, 2.5%)
|
33
33
|
border-color: transparent
|
34
34
|
color: $color-invert
|
35
35
|
&:focus,
|
36
36
|
&.is-focused
|
37
37
|
.file-cta
|
38
38
|
border-color: transparent
|
39
|
-
box-shadow: 0 0 0.5em
|
39
|
+
box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
|
40
40
|
color: $color-invert
|
41
41
|
&:active,
|
42
42
|
&.is-active
|
43
43
|
.file-cta
|
44
|
-
background-color:
|
44
|
+
background-color: bulmaDarken($color, 5%)
|
45
45
|
border-color: transparent
|
46
46
|
color: $color-invert
|
47
47
|
// Sizes
|
@@ -125,16 +125,16 @@ $file-name-max-width: 16em !default
|
|
125
125
|
position: relative
|
126
126
|
&:hover
|
127
127
|
.file-cta
|
128
|
-
background-color:
|
128
|
+
background-color: bulmaDarken($file-cta-background-color, 2.5%)
|
129
129
|
color: $file-cta-hover-color
|
130
130
|
.file-name
|
131
|
-
border-color:
|
131
|
+
border-color: bulmaDarken($file-name-border-color, 2.5%)
|
132
132
|
&:active
|
133
133
|
.file-cta
|
134
|
-
background-color:
|
134
|
+
background-color: bulmaDarken($file-cta-background-color, 5%)
|
135
135
|
color: $file-cta-active-color
|
136
136
|
.file-name
|
137
|
-
border-color:
|
137
|
+
border-color: bulmaDarken($file-name-border-color, 5%)
|
138
138
|
|
139
139
|
.file-input
|
140
140
|
height: 100%
|
@@ -48,12 +48,12 @@
|
|
48
48
|
border-color: $color
|
49
49
|
&:hover,
|
50
50
|
&.is-hovered
|
51
|
-
border-color:
|
51
|
+
border-color: bulmaDarken($color, 5%)
|
52
52
|
&:focus,
|
53
53
|
&.is-focused,
|
54
54
|
&:active,
|
55
55
|
&.is-active
|
56
|
-
box-shadow: $input-focus-box-shadow-size
|
56
|
+
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
|
57
57
|
// Sizes
|
58
58
|
&.is-small
|
59
59
|
+control-small
|
@@ -3,7 +3,7 @@ $input-background-color: $scheme-main !default
|
|
3
3
|
$input-border-color: $border !default
|
4
4
|
$input-height: $control-height !default
|
5
5
|
$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
|
6
|
-
$input-placeholder-color:
|
6
|
+
$input-placeholder-color: bulmaRgba($input-color, 0.3) !default
|
7
7
|
|
8
8
|
$input-hover-color: $text-strong !default
|
9
9
|
$input-hover-border-color: $border-hover !default
|
@@ -11,12 +11,12 @@ $input-hover-border-color: $border-hover !default
|
|
11
11
|
$input-focus-color: $text-strong !default
|
12
12
|
$input-focus-border-color: $link !default
|
13
13
|
$input-focus-box-shadow-size: 0 0 0 0.125em !default
|
14
|
-
$input-focus-box-shadow-color:
|
14
|
+
$input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
|
15
15
|
|
16
16
|
$input-disabled-color: $text-light !default
|
17
17
|
$input-disabled-background-color: $background !default
|
18
18
|
$input-disabled-border-color: $background !default
|
19
|
-
$input-disabled-placeholder-color:
|
19
|
+
$input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default
|
20
20
|
|
21
21
|
$input-arrow: $link !default
|
22
22
|
|
@@ -1,5 +1,9 @@
|
|
1
|
-
|
1
|
+
$hero-body-padding: 3rem 1.5rem !default
|
2
|
+
$hero-body-padding-small: 1.5rem !default
|
3
|
+
$hero-body-padding-medium: 9rem 1.5rem !default
|
4
|
+
$hero-body-padding-large: 18rem 1.5rem !default
|
2
5
|
|
6
|
+
// Main container
|
3
7
|
.hero
|
4
8
|
align-items: stretch
|
5
9
|
display: flex
|
@@ -23,7 +27,7 @@
|
|
23
27
|
.title
|
24
28
|
color: $color-invert
|
25
29
|
.subtitle
|
26
|
-
color:
|
30
|
+
color: bulmaRgba($color-invert, 0.9)
|
27
31
|
a:not(.button),
|
28
32
|
strong
|
29
33
|
color: $color-invert
|
@@ -32,12 +36,12 @@
|
|
32
36
|
background-color: $color
|
33
37
|
.navbar-item,
|
34
38
|
.navbar-link
|
35
|
-
color:
|
39
|
+
color: bulmaRgba($color-invert, 0.7)
|
36
40
|
a.navbar-item,
|
37
41
|
.navbar-link
|
38
42
|
&:hover,
|
39
43
|
&.is-active
|
40
|
-
background-color:
|
44
|
+
background-color: bulmaDarken($color, 5%)
|
41
45
|
color: $color-invert
|
42
46
|
.tabs
|
43
47
|
a
|
@@ -53,7 +57,7 @@
|
|
53
57
|
a
|
54
58
|
color: $color-invert
|
55
59
|
&:hover
|
56
|
-
background-color:
|
60
|
+
background-color: bulmaRgba($scheme-invert, 0.1)
|
57
61
|
li.is-active a
|
58
62
|
&,
|
59
63
|
&:hover
|
@@ -61,28 +65,26 @@
|
|
61
65
|
border-color: $color-invert
|
62
66
|
color: $color
|
63
67
|
// Modifiers
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
68
|
+
@if type-of($color) == 'color'
|
69
|
+
&.is-bold
|
70
|
+
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
|
71
|
+
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
|
72
|
+
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
73
|
+
+mobile
|
74
|
+
.navbar-menu
|
75
|
+
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
|
71
76
|
// Sizes
|
72
77
|
&.is-small
|
73
78
|
.hero-body
|
74
|
-
padding
|
75
|
-
padding-top: 1.5rem
|
79
|
+
padding: $hero-body-padding-small
|
76
80
|
&.is-medium
|
77
81
|
+tablet
|
78
82
|
.hero-body
|
79
|
-
padding
|
80
|
-
padding-top: 9rem
|
83
|
+
padding: $hero-body-padding-medium
|
81
84
|
&.is-large
|
82
85
|
+tablet
|
83
86
|
.hero-body
|
84
|
-
padding
|
85
|
-
padding-top: 18rem
|
87
|
+
padding: $hero-body-padding-large
|
86
88
|
&.is-halfheight,
|
87
89
|
&.is-fullheight,
|
88
90
|
&.is-fullheight-with-navbar
|
@@ -140,4 +142,4 @@
|
|
140
142
|
.hero-body
|
141
143
|
flex-grow: 1
|
142
144
|
flex-shrink: 0
|
143
|
-
padding:
|
145
|
+
padding: $hero-body-padding
|
@@ -62,6 +62,8 @@
|
|
62
62
|
@return $value
|
63
63
|
|
64
64
|
@function colorLuminance($color)
|
65
|
+
@if type-of($color) != 'color'
|
66
|
+
@return 0.55
|
65
67
|
$color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
|
66
68
|
@each $name, $value in $color-rgb
|
67
69
|
$adjusted: 0
|
@@ -96,3 +98,13 @@
|
|
96
98
|
$target-l: round($base-l + ($luminance-delta * 53))
|
97
99
|
@return change-color($color, $lightness: max($base-l, $target-l))
|
98
100
|
@return $text-strong
|
101
|
+
|
102
|
+
@function bulmaRgba($color, $alpha)
|
103
|
+
@if type-of($color) != 'color'
|
104
|
+
@return $color
|
105
|
+
@return rgba($color, $alpha)
|
106
|
+
|
107
|
+
@function bulmaDarken($color, $amount)
|
108
|
+
@if type-of($color) != 'color'
|
109
|
+
@return $color
|
110
|
+
@return darken($color, $amount)
|
@@ -48,7 +48,7 @@
|
|
48
48
|
&:nth-child(3)
|
49
49
|
top: calc(50% + 4px)
|
50
50
|
&:hover
|
51
|
-
background-color:
|
51
|
+
background-color: bulmaRgba(black, 0.05)
|
52
52
|
// Modifers
|
53
53
|
&.is-active
|
54
54
|
span
|
@@ -170,7 +170,7 @@
|
|
170
170
|
@extend %unselectable
|
171
171
|
-moz-appearance: none
|
172
172
|
-webkit-appearance: none
|
173
|
-
background-color:
|
173
|
+
background-color: bulmaRgba($scheme-invert, 0.2)
|
174
174
|
border: none
|
175
175
|
border-radius: $radius-rounded
|
176
176
|
cursor: pointer
|
@@ -206,9 +206,9 @@
|
|
206
206
|
width: 2px
|
207
207
|
&:hover,
|
208
208
|
&:focus
|
209
|
-
background-color:
|
209
|
+
background-color: bulmaRgba($scheme-invert, 0.3)
|
210
210
|
&:active
|
211
|
-
background-color:
|
211
|
+
background-color: bulmaRgba($scheme-invert, 0.4)
|
212
212
|
// Sizes
|
213
213
|
&.is-small
|
214
214
|
height: 16px
|
data/package-lock.json
CHANGED
@@ -5,14 +5,14 @@
|
|
5
5
|
"requires": true,
|
6
6
|
"dependencies": {
|
7
7
|
"bulma": {
|
8
|
-
"version": "0.8.
|
9
|
-
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.8.
|
10
|
-
"integrity": "sha512-
|
8
|
+
"version": "0.8.2",
|
9
|
+
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.8.2.tgz",
|
10
|
+
"integrity": "sha512-vMM/ijYSxX+Sm+nD7Lmc1UgWDy2JcL2nTKqwgEqXuOMU+IGALbXd5MLt/BcjBAPLIx36TtzhzBcSnOP974gcqA=="
|
11
11
|
},
|
12
12
|
"bulma-block-list": {
|
13
|
-
"version": "0.
|
14
|
-
"resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.
|
15
|
-
"integrity": "sha512-
|
13
|
+
"version": "0.3.0",
|
14
|
+
"resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.3.0.tgz",
|
15
|
+
"integrity": "sha512-LGE36PYy6IZustZwfASmKbQom+s9a16coY3GzDFdq1uEFja5Qj31vZqDwuwMNU+IXGYG3kvR2ZfoRX/7Xc+fZw==",
|
16
16
|
"requires": {
|
17
17
|
"bulma": "^0.8.0"
|
18
18
|
}
|
data/package.json
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bulma-clean-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.8.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- chrisrhymes
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-
|
11
|
+
date: 2020-06-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -160,7 +160,9 @@ files:
|
|
160
160
|
- _includes/post-card.html
|
161
161
|
- _includes/rating.html
|
162
162
|
- _includes/review.html
|
163
|
+
- _includes/share-buttons.html
|
163
164
|
- _includes/showcase.html
|
165
|
+
- _includes/sponsors.html
|
164
166
|
- _includes/subscribe.html
|
165
167
|
- _includes/tabs.html
|
166
168
|
- _includes/toc.html
|
@@ -173,6 +175,7 @@ files:
|
|
173
175
|
- _posts/2018-05-28-why-use-a-static-site-generator.markdown
|
174
176
|
- _posts/2019-02-09-getting-started-with-bulma-clean-theme.markdown
|
175
177
|
- _posts/2019-07-23-introducing-some-new-layouts-to-bulma-clean-theme.markdown
|
178
|
+
- _posts/2020-05-08-creating-a-docs-site-with-bulma-clean-theme.markdown
|
176
179
|
- _sass/_layout.scss
|
177
180
|
- _sass/_main.scss
|
178
181
|
- _sass/_showcase.scss
|