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.
- checksums.yaml +5 -5
- data/README.md +3 -0
- data/_includes/showcase.html +25 -24
- data/_sass/_block-list.scss +81 -0
- data/_sass/_main.scss +2 -1
- data/_sass/_showcase.scss +2 -4
- data/node_modules/bulma-block-list/LICENSE.txt +21 -0
- data/node_modules/bulma-block-list/README.md +17 -0
- data/node_modules/bulma-block-list/docs/block-list.css +1079 -0
- data/node_modules/bulma-block-list/docs/index.html +226 -0
- data/node_modules/bulma-block-list/package.json +55 -0
- data/node_modules/bulma-block-list/src/block-list.scss +81 -0
- data/node_modules/bulma/CHANGELOG.md +118 -1
- data/node_modules/bulma/README.md +3 -1
- data/node_modules/bulma/bulma.sass +1 -1
- data/node_modules/bulma/css/bulma.css +608 -375
- 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 +53 -27
- data/node_modules/bulma/sass/base/generic.sass +1 -1
- data/node_modules/bulma/sass/base/minireset.sass +1 -7
- data/node_modules/bulma/sass/components/breadcrumb.sass +1 -1
- data/node_modules/bulma/sass/components/card.sass +5 -5
- data/node_modules/bulma/sass/components/dropdown.sass +5 -5
- data/node_modules/bulma/sass/components/list.sass +2 -2
- data/node_modules/bulma/sass/components/media.sass +4 -2
- data/node_modules/bulma/sass/components/message.sass +22 -10
- data/node_modules/bulma/sass/components/modal.sass +2 -2
- data/node_modules/bulma/sass/components/navbar.sass +12 -12
- data/node_modules/bulma/sass/components/pagination.sass +7 -6
- data/node_modules/bulma/sass/components/panel.sass +26 -11
- data/node_modules/bulma/sass/components/tabs.sass +1 -1
- data/node_modules/bulma/sass/elements/box.sass +4 -4
- data/node_modules/bulma/sass/elements/button.sass +35 -18
- data/node_modules/bulma/sass/elements/container.sass +5 -4
- data/node_modules/bulma/sass/elements/image.sass +2 -0
- data/node_modules/bulma/sass/elements/notification.sass +2 -1
- data/node_modules/bulma/sass/elements/progress.sass +1 -1
- data/node_modules/bulma/sass/elements/table.sass +6 -6
- data/node_modules/bulma/sass/elements/tag.sass +7 -0
- data/node_modules/bulma/sass/elements/title.sass +3 -3
- data/node_modules/bulma/sass/form/file.sass +4 -4
- data/node_modules/bulma/sass/form/input-textarea.sass +9 -5
- data/node_modules/bulma/sass/form/shared.sass +9 -9
- data/node_modules/bulma/sass/form/tools.sass +1 -1
- data/node_modules/bulma/sass/grid/columns.sass +7 -7
- data/node_modules/bulma/sass/layout/footer.sass +1 -1
- data/node_modules/bulma/sass/layout/hero.sass +1 -1
- data/node_modules/bulma/sass/utilities/controls.sass +3 -3
- data/node_modules/bulma/sass/utilities/derived-variables.sass +30 -9
- data/node_modules/bulma/sass/utilities/functions.sass +51 -15
- data/node_modules/bulma/sass/utilities/initial-variables.sass +4 -3
- data/node_modules/bulma/sass/utilities/mixins.sass +4 -4
- data/package-lock.json +8 -3
- data/package.json +2 -1
- metadata +11 -3
@@ -1,34 +1,53 @@
|
|
1
1
|
@function mergeColorMaps($bulma-colors, $custom-colors)
|
2
|
-
//
|
2
|
+
// We return at least Bulma's hard-coded colors
|
3
3
|
$merged-colors: $bulma-colors
|
4
4
|
|
5
|
-
//
|
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
|
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
|
-
//
|
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
|
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
|
-
//
|
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
|
-
//
|
27
|
-
|
28
|
-
|
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,
|
20
|
+
$green: hsl(141, 53%, 53%) !default
|
20
21
|
$turquoise: hsl(171, 100%, 41%) !default
|
21
|
-
$cyan: hsl(204,
|
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,
|
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($
|
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: $
|
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($
|
209
|
+
background-color: rgba($scheme-invert, 0.3)
|
210
210
|
&:active
|
211
|
-
background-color: rgba($
|
211
|
+
background-color: rgba($scheme-invert, 0.4)
|
212
212
|
// Sizes
|
213
213
|
&.is-small
|
214
214
|
height: 16px
|
data/package-lock.json
CHANGED
@@ -5,9 +5,14 @@
|
|
5
5
|
"requires": true,
|
6
6
|
"dependencies": {
|
7
7
|
"bulma": {
|
8
|
-
"version": "0.
|
9
|
-
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.
|
10
|
-
"integrity": "sha512-
|
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
|
}
|
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.6.
|
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
|
+
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
|
-
|
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
|