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.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +59 -2
  3. data/_includes/callouts.html +5 -1
  4. data/_includes/footer.html +1 -1
  5. data/_includes/head.html +5 -2
  6. data/_includes/header.html +13 -3
  7. data/_includes/hero.html +3 -3
  8. data/_includes/menubar.html +2 -2
  9. data/_includes/pagination.html +2 -2
  10. data/_includes/share-buttons.html +19 -0
  11. data/_includes/showcase.html +1 -1
  12. data/_includes/sponsors.html +42 -0
  13. data/_includes/tabs.html +1 -1
  14. data/_layouts/default.html +1 -0
  15. data/_layouts/post.html +4 -0
  16. data/_layouts/product-category.html +1 -1
  17. data/_posts/2019-02-09-getting-started-with-bulma-clean-theme.markdown +2 -2
  18. data/_posts/2020-05-08-creating-a-docs-site-with-bulma-clean-theme.markdown +96 -0
  19. data/_sass/_layout.scss +4 -0
  20. data/_sass/_main.scss +7 -1
  21. data/node_modules/bulma-block-list/README.md +12 -0
  22. data/node_modules/bulma-block-list/docs/demo.css +105 -76
  23. data/node_modules/bulma-block-list/docs/index.html +33 -3
  24. data/node_modules/bulma-block-list/package.json +10 -10
  25. data/node_modules/bulma-block-list/src/block-list.scss +34 -44
  26. data/node_modules/bulma-block-list/src/demo.scss +1 -1
  27. data/node_modules/bulma/CHANGELOG.md +20 -1
  28. data/node_modules/bulma/LICENSE +1 -1
  29. data/node_modules/bulma/README.md +11 -7
  30. data/node_modules/bulma/bulma.sass +1 -1
  31. data/node_modules/bulma/css/bulma.css +34 -11
  32. data/node_modules/bulma/css/bulma.css.map +1 -1
  33. data/node_modules/bulma/css/bulma.min.css +1 -1
  34. data/node_modules/bulma/package.json +19 -20
  35. data/node_modules/bulma/sass/base/helpers.sass +1 -1
  36. data/node_modules/bulma/sass/components/media.sass +1 -1
  37. data/node_modules/bulma/sass/components/modal.sass +1 -1
  38. data/node_modules/bulma/sass/components/navbar.sass +9 -11
  39. data/node_modules/bulma/sass/components/panel.sass +2 -1
  40. data/node_modules/bulma/sass/elements/button.sass +10 -9
  41. data/node_modules/bulma/sass/elements/notification.sass +7 -0
  42. data/node_modules/bulma/sass/form/file.sass +7 -7
  43. data/node_modules/bulma/sass/form/input-textarea.sass +1 -1
  44. data/node_modules/bulma/sass/form/select.sass +2 -2
  45. data/node_modules/bulma/sass/form/shared.sass +3 -3
  46. data/node_modules/bulma/sass/layout/hero.sass +21 -19
  47. data/node_modules/bulma/sass/utilities/functions.sass +12 -0
  48. data/node_modules/bulma/sass/utilities/mixins.sass +4 -4
  49. data/package-lock.json +6 -6
  50. data/package.json +2 -2
  51. 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: darken($color, 2.5%)
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 rgba($color, 0.25)
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: darken($color, 5%)
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: darken($file-cta-background-color, 2.5%)
128
+ background-color: bulmaDarken($file-cta-background-color, 2.5%)
129
129
  color: $file-cta-hover-color
130
130
  .file-name
131
- border-color: darken($file-name-border-color, 2.5%)
131
+ border-color: bulmaDarken($file-name-border-color, 2.5%)
132
132
  &:active
133
133
  .file-cta
134
- background-color: darken($file-cta-background-color, 5%)
134
+ background-color: bulmaDarken($file-cta-background-color, 5%)
135
135
  color: $file-cta-active-color
136
136
  .file-name
137
- border-color: darken($file-name-border-color, 5%)
137
+ border-color: bulmaDarken($file-name-border-color, 5%)
138
138
 
139
139
  .file-input
140
140
  height: 100%
@@ -18,7 +18,7 @@ $textarea-min-height: 8em !default
18
18
  &.is-focused,
19
19
  &:active,
20
20
  &.is-active
21
- box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
21
+ box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
22
22
  // Sizes
23
23
  &.is-small
24
24
  +control-small
@@ -48,12 +48,12 @@
48
48
  border-color: $color
49
49
  &:hover,
50
50
  &.is-hovered
51
- border-color: darken($color, 5%)
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 rgba($color, 0.25)
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: rgba($input-color, 0.3) !default
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: rgba($link, 0.25) !default
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: rgba($input-disabled-color, 0.3) !default
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
- // Main container
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: rgba($color-invert, 0.9)
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: rgba($color-invert, 0.7)
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: darken($color, 5%)
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: rgba($scheme-invert, 0.1)
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
- &.is-bold
65
- $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
66
- $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
67
- background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
68
- +mobile
69
- .navbar-menu
70
- background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
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-bottom: 1.5rem
75
- padding-top: 1.5rem
79
+ padding: $hero-body-padding-small
76
80
  &.is-medium
77
81
  +tablet
78
82
  .hero-body
79
- padding-bottom: 9rem
80
- padding-top: 9rem
83
+ padding: $hero-body-padding-medium
81
84
  &.is-large
82
85
  +tablet
83
86
  .hero-body
84
- padding-bottom: 18rem
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: 3rem 1.5rem
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: rgba(black, 0.05)
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: rgba($scheme-invert, 0.2)
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: rgba($scheme-invert, 0.3)
209
+ background-color: bulmaRgba($scheme-invert, 0.3)
210
210
  &:active
211
- background-color: rgba($scheme-invert, 0.4)
211
+ background-color: bulmaRgba($scheme-invert, 0.4)
212
212
  // Sizes
213
213
  &.is-small
214
214
  height: 16px
@@ -5,14 +5,14 @@
5
5
  "requires": true,
6
6
  "dependencies": {
7
7
  "bulma": {
8
- "version": "0.8.0",
9
- "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.8.0.tgz",
10
- "integrity": "sha512-nhf3rGyiZh/VM7FrSJ/5KeLlfaFkXz0nYcXriynfPH4vVpnxnqyEwaNGdNCVzHyyCA3cHgkQAMpdF/SFbFGZfA=="
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.2.0",
14
- "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.2.0.tgz",
15
- "integrity": "sha512-SxwQWuRG6dXOwZFkYtpnahbXT1b3LWNkuLVJ1ACEPp/2Bie8aDQoq8iFcFd9WfWr+9U9DZ3Vj54V0lKmn8T/fQ==",
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
  }
@@ -10,7 +10,7 @@
10
10
  "author": "chrisrhymes",
11
11
  "license": "MIT",
12
12
  "dependencies": {
13
- "bulma": "^0.8",
14
- "bulma-block-list": "^0.2"
13
+ "bulma": "^0.8.2",
14
+ "bulma-block-list": "^0.3"
15
15
  }
16
16
  }
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.6.5
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-01-29 00:00:00.000000000 Z
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