bulma-clean-theme 0.6.2 → 0.6.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. checksums.yaml +5 -5
  2. data/README.md +3 -0
  3. data/_includes/showcase.html +25 -24
  4. data/_sass/_block-list.scss +81 -0
  5. data/_sass/_main.scss +2 -1
  6. data/_sass/_showcase.scss +2 -4
  7. data/node_modules/bulma-block-list/LICENSE.txt +21 -0
  8. data/node_modules/bulma-block-list/README.md +17 -0
  9. data/node_modules/bulma-block-list/docs/block-list.css +1079 -0
  10. data/node_modules/bulma-block-list/docs/index.html +226 -0
  11. data/node_modules/bulma-block-list/package.json +55 -0
  12. data/node_modules/bulma-block-list/src/block-list.scss +81 -0
  13. data/node_modules/bulma/CHANGELOG.md +118 -1
  14. data/node_modules/bulma/README.md +3 -1
  15. data/node_modules/bulma/bulma.sass +1 -1
  16. data/node_modules/bulma/css/bulma.css +608 -375
  17. data/node_modules/bulma/css/bulma.css.map +1 -1
  18. data/node_modules/bulma/css/bulma.min.css +1 -1
  19. data/node_modules/bulma/package.json +53 -27
  20. data/node_modules/bulma/sass/base/generic.sass +1 -1
  21. data/node_modules/bulma/sass/base/minireset.sass +1 -7
  22. data/node_modules/bulma/sass/components/breadcrumb.sass +1 -1
  23. data/node_modules/bulma/sass/components/card.sass +5 -5
  24. data/node_modules/bulma/sass/components/dropdown.sass +5 -5
  25. data/node_modules/bulma/sass/components/list.sass +2 -2
  26. data/node_modules/bulma/sass/components/media.sass +4 -2
  27. data/node_modules/bulma/sass/components/message.sass +22 -10
  28. data/node_modules/bulma/sass/components/modal.sass +2 -2
  29. data/node_modules/bulma/sass/components/navbar.sass +12 -12
  30. data/node_modules/bulma/sass/components/pagination.sass +7 -6
  31. data/node_modules/bulma/sass/components/panel.sass +26 -11
  32. data/node_modules/bulma/sass/components/tabs.sass +1 -1
  33. data/node_modules/bulma/sass/elements/box.sass +4 -4
  34. data/node_modules/bulma/sass/elements/button.sass +35 -18
  35. data/node_modules/bulma/sass/elements/container.sass +5 -4
  36. data/node_modules/bulma/sass/elements/image.sass +2 -0
  37. data/node_modules/bulma/sass/elements/notification.sass +2 -1
  38. data/node_modules/bulma/sass/elements/progress.sass +1 -1
  39. data/node_modules/bulma/sass/elements/table.sass +6 -6
  40. data/node_modules/bulma/sass/elements/tag.sass +7 -0
  41. data/node_modules/bulma/sass/elements/title.sass +3 -3
  42. data/node_modules/bulma/sass/form/file.sass +4 -4
  43. data/node_modules/bulma/sass/form/input-textarea.sass +9 -5
  44. data/node_modules/bulma/sass/form/shared.sass +9 -9
  45. data/node_modules/bulma/sass/form/tools.sass +1 -1
  46. data/node_modules/bulma/sass/grid/columns.sass +7 -7
  47. data/node_modules/bulma/sass/layout/footer.sass +1 -1
  48. data/node_modules/bulma/sass/layout/hero.sass +1 -1
  49. data/node_modules/bulma/sass/utilities/controls.sass +3 -3
  50. data/node_modules/bulma/sass/utilities/derived-variables.sass +30 -9
  51. data/node_modules/bulma/sass/utilities/functions.sass +51 -15
  52. data/node_modules/bulma/sass/utilities/initial-variables.sass +4 -3
  53. data/node_modules/bulma/sass/utilities/mixins.sass +4 -4
  54. data/package-lock.json +8 -3
  55. data/package.json +2 -1
  56. metadata +11 -3
@@ -1,34 +1,53 @@
1
1
  @function mergeColorMaps($bulma-colors, $custom-colors)
2
- // we return at least bulma hardcoded colors
2
+ // We return at least Bulma's hard-coded colors
3
3
  $merged-colors: $bulma-colors
4
4
 
5
- // we want a map as input
5
+ // We want a map as input
6
6
  @if type-of($custom-colors) == 'map'
7
7
  @each $name, $components in $custom-colors
8
- // color name should be a string and colors pair a list with at least one element
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
9
11
  @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1
10
12
  $color-base: null
13
+ $color-invert: null
14
+ $color-light: null
15
+ $color-dark: null
16
+ $value: null
11
17
 
12
- // the param can either be a single color
18
+ // The param can either be a single color
13
19
  // or a list of 2 colors
14
20
  @if type-of($components) == 'color'
15
21
  $color-base: $components
22
+ $color-invert: findColorInvert($color-base)
23
+ $color-light: findLightColor($color-base)
24
+ $color-dark: findDarkColor($color-base)
16
25
  @else if type-of($components) == 'list'
17
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)
18
42
 
19
- $color-invert: null
20
- // is an inverted color provided in the list
21
- @if length($components) > 1
22
- $color-invert: nth($components, 2)
43
+ $value: ($color-base, $color-invert, $color-light, $color-dark)
23
44
 
24
- // we only want a color as base color
45
+ // We only want to merge the map if the color base is an actual color
25
46
  @if type-of($color-base) == 'color'
26
- // if inverted color is not provided or is not a color we compute it
27
- @if type-of($color-invert) != 'color'
28
- $color-invert: findColorInvert($color-base)
29
-
30
- // we merge this colors elements as map with bulma colors (we can override them this way, no multiple definition for the same name)
31
- $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert)))
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))
32
51
 
33
52
  @return $merged-colors
34
53
 
@@ -60,3 +79,20 @@
60
79
  @return rgba(#000, 0.7)
61
80
  @else
62
81
  @return #fff
82
+
83
+ @function findLightColor($color)
84
+ @if type-of($color) == 'color'
85
+ $l: 96%
86
+ @if lightness($color) > 96%
87
+ $l: lightness($color)
88
+ @return change-color($color, $lightness: $l)
89
+ @return $background
90
+
91
+ @function findDarkColor($color)
92
+ @if type-of($color) == 'color'
93
+ $base-l: 29%
94
+ $luminance: colorLuminance($color)
95
+ $luminance-delta: (0.53 - $luminance)
96
+ $target-l: round($base-l + ($luminance-delta * 53))
97
+ @return change-color($color, $lightness: max($base-l, $target-l))
98
+ @return $text-strong
@@ -9,6 +9,7 @@ $grey-dark: hsl(0, 0%, 29%) !default
9
9
  $grey: hsl(0, 0%, 48%) !default
10
10
  $grey-light: hsl(0, 0%, 71%) !default
11
11
  $grey-lighter: hsl(0, 0%, 86%) !default
12
+ $grey-lightest: hsl(0, 0%, 93%) !default
12
13
 
13
14
  $white-ter: hsl(0, 0%, 96%) !default
14
15
  $white-bis: hsl(0, 0%, 98%) !default
@@ -16,12 +17,12 @@ $white: hsl(0, 0%, 100%) !default
16
17
 
17
18
  $orange: hsl(14, 100%, 53%) !default
18
19
  $yellow: hsl(48, 100%, 67%) !default
19
- $green: hsl(141, 71%, 48%) !default
20
+ $green: hsl(141, 53%, 53%) !default
20
21
  $turquoise: hsl(171, 100%, 41%) !default
21
- $cyan: hsl(204, 86%, 53%) !default
22
+ $cyan: hsl(204, 71%, 53%) !default
22
23
  $blue: hsl(217, 71%, 53%) !default
23
24
  $purple: hsl(271, 100%, 71%) !default
24
- $red: hsl(348, 100%, 61%) !default
25
+ $red: hsl(348, 86%, 61%) !default
25
26
 
26
27
  // Typography
27
28
 
@@ -170,7 +170,7 @@
170
170
  @extend %unselectable
171
171
  -moz-appearance: none
172
172
  -webkit-appearance: none
173
- background-color: rgba($black, 0.2)
173
+ background-color: rgba($scheme-invert, 0.2)
174
174
  border: none
175
175
  border-radius: $radius-rounded
176
176
  cursor: pointer
@@ -190,7 +190,7 @@
190
190
  width: 20px
191
191
  &::before,
192
192
  &::after
193
- background-color: $white
193
+ background-color: $scheme-main
194
194
  content: ""
195
195
  display: block
196
196
  left: 50%
@@ -206,9 +206,9 @@
206
206
  width: 2px
207
207
  &:hover,
208
208
  &:focus
209
- background-color: rgba($black, 0.3)
209
+ background-color: rgba($scheme-invert, 0.3)
210
210
  &:active
211
- background-color: rgba($black, 0.4)
211
+ background-color: rgba($scheme-invert, 0.4)
212
212
  // Sizes
213
213
  &.is-small
214
214
  height: 16px
@@ -5,9 +5,14 @@
5
5
  "requires": true,
6
6
  "dependencies": {
7
7
  "bulma": {
8
- "version": "0.7.4",
9
- "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.4.tgz",
10
- "integrity": "sha512-krG2rP6eAX1WE0sf6O0SC/FUVSOBX4m1PBC2+GKLpb2pX0qanaDqcv9U2nu75egFrsHkI0zdWYuk/oGwoszVWg=="
8
+ "version": "0.8.0",
9
+ "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.8.0.tgz",
10
+ "integrity": "sha512-nhf3rGyiZh/VM7FrSJ/5KeLlfaFkXz0nYcXriynfPH4vVpnxnqyEwaNGdNCVzHyyCA3cHgkQAMpdF/SFbFGZfA=="
11
+ },
12
+ "bulma-block-list": {
13
+ "version": "0.1.1",
14
+ "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.1.1.tgz",
15
+ "integrity": "sha512-ebtC0vbsn+MNQWmL7RFf9YElZzy365uBjiHN85op5F9YHITvDmysCf69FyV6emOu0R57Nq7kZHDjC620ntC2ZQ=="
11
16
  }
12
17
  }
13
18
  }
@@ -10,6 +10,7 @@
10
10
  "author": "chrisrhymes",
11
11
  "license": "MIT",
12
12
  "dependencies": {
13
- "bulma": "^0.7.4"
13
+ "bulma": "^0.8",
14
+ "bulma-block-list": "^0.1.1"
14
15
  }
15
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.2
4
+ version: 0.6.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - chrisrhymes
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-11-23 00:00:00.000000000 Z
11
+ date: 2019-12-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -172,6 +172,7 @@ files:
172
172
  - _posts/2018-05-28-why-use-a-static-site-generator.markdown
173
173
  - _posts/2019-02-09-getting-started-with-bulma-clean-theme.markdown
174
174
  - _posts/2019-07-23-introducing-some-new-layouts-to-bulma-clean-theme.markdown
175
+ - _sass/_block-list.scss
175
176
  - _sass/_layout.scss
176
177
  - _sass/_main.scss
177
178
  - _sass/_showcase.scss
@@ -181,6 +182,12 @@ files:
181
182
  - blog/index.html
182
183
  - favicon.png
183
184
  - node_modules/.yarn-integrity
185
+ - node_modules/bulma-block-list/LICENSE.txt
186
+ - node_modules/bulma-block-list/README.md
187
+ - node_modules/bulma-block-list/docs/block-list.css
188
+ - node_modules/bulma-block-list/docs/index.html
189
+ - node_modules/bulma-block-list/package.json
190
+ - node_modules/bulma-block-list/src/block-list.scss
184
191
  - node_modules/bulma/CHANGELOG.md
185
192
  - node_modules/bulma/LICENSE
186
193
  - node_modules/bulma/README.md
@@ -264,7 +271,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
264
271
  - !ruby/object:Gem::Version
265
272
  version: '0'
266
273
  requirements: []
267
- rubygems_version: 3.0.3
274
+ rubyforge_project:
275
+ rubygems_version: 2.5.2.3
268
276
  signing_key:
269
277
  specification_version: 4
270
278
  summary: Clean and simple Jekyll theme built using Bulma