flake-scss 0.1.2 → 0.1.3
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/lib/flake/scss/version.rb +1 -1
- data/vendor/assets/stylesheets/_flake.scss +10 -6
- data/vendor/assets/stylesheets/background/_colors.scss +10 -4
- data/vendor/assets/stylesheets/border/_radius.scss +15 -0
- data/vendor/assets/stylesheets/general/_general.scss +2 -0
- data/vendor/assets/stylesheets/shadows/_shadows.scss +13 -0
- data/vendor/assets/stylesheets/sizing/_spacing.scss +3 -3
- data/vendor/assets/stylesheets/text/_sizes.scss +11 -0
- data/vendor/assets/stylesheets/text/_style.scss +2 -2
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d6fba40b5f9b69bec80ae0b03e341db2c9245a0a
|
|
4
|
+
data.tar.gz: 4feff6862267c16c969cd9a598a9fa7742658230
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c18d02b18aed7812c8c8848260898be562a1f4d2bec2d86b1a96a50fe4951edc595901f55e5264947004d055814e50ccbc0a1fcb30b0edf7a4cca274325b3052
|
|
7
|
+
data.tar.gz: 7245e39b81063c05d2b816988092f1c8e13db0e2f90fc9d019a3817361fb0eb0b0d25f78b73b4571dc845d04e93f38acb90cfa603429bdc3be507b988bd3335c
|
data/lib/flake/scss/version.rb
CHANGED
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
@import "helpers/functions",
|
|
2
2
|
"helpers/breakpoints";
|
|
3
3
|
|
|
4
|
-
@import "general/general",
|
|
5
|
-
"general/display",
|
|
6
|
-
"general/position";
|
|
7
|
-
|
|
8
4
|
@import "background/colors";
|
|
9
5
|
|
|
10
6
|
@import "border/general",
|
|
11
|
-
"border/colors"
|
|
7
|
+
"border/colors",
|
|
8
|
+
"border/radius";
|
|
12
9
|
|
|
13
10
|
@import "text/colors",
|
|
14
11
|
"text/fonts",
|
|
15
12
|
"text/style",
|
|
16
|
-
"text/align"
|
|
13
|
+
"text/align",
|
|
14
|
+
"text/sizes";
|
|
17
15
|
|
|
18
16
|
@import "sizing/spacing",
|
|
19
17
|
"sizing/grid";
|
|
20
18
|
|
|
21
19
|
@import "layout/flex";
|
|
20
|
+
|
|
21
|
+
@import "shadows/shadows";
|
|
22
|
+
|
|
23
|
+
@import "general/display",
|
|
24
|
+
"general/position",
|
|
25
|
+
"general/general";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import "../helpers/colors-list";
|
|
2
2
|
|
|
3
3
|
$bg-hover: true !default;
|
|
4
|
-
$bg-responsive:
|
|
4
|
+
$bg-responsive: true !default;
|
|
5
5
|
|
|
6
6
|
@each $color in $colors {
|
|
7
7
|
$medium: map-get($colors-list, $color);
|
|
@@ -17,10 +17,16 @@ $bg-responsive: false !default;
|
|
|
17
17
|
#{$hover} {
|
|
18
18
|
background-color: $value;
|
|
19
19
|
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@if $bg-responsive {
|
|
24
|
+
@each $breakpoint, $breakpoint-value in $breakpoints {
|
|
25
|
+
@include breakpoint($breakpoint) {
|
|
26
|
+
@each $color in $colors {
|
|
27
|
+
$medium: map-get($colors-list, $color);
|
|
20
28
|
|
|
21
|
-
|
|
22
|
-
@each $breakpoint, $breakpoint-value in $breakpoints {
|
|
23
|
-
@include breakpoint($breakpoint) {
|
|
29
|
+
@each $shade, $value in $medium {
|
|
24
30
|
.#{$breakpoint}\:bg-#{$color}-#{$shade} {
|
|
25
31
|
background-color: $value;
|
|
26
32
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
$shadows: (
|
|
2
|
+
1: "0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.14)",
|
|
3
|
+
2: "0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.13)",
|
|
4
|
+
3: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.13)",
|
|
5
|
+
4: "0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12)",
|
|
6
|
+
5: "0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12)"
|
|
7
|
+
);
|
|
8
|
+
|
|
9
|
+
@each $shadow, $value in $shadows {
|
|
10
|
+
.shadow-#{$shadow} {
|
|
11
|
+
box-shadow: #{$value};
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -18,7 +18,7 @@ $style: (
|
|
|
18
18
|
);
|
|
19
19
|
|
|
20
20
|
@each $value in $style {
|
|
21
|
-
.
|
|
21
|
+
.font-#{$value} {
|
|
22
22
|
font-style: $value;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
@@ -31,7 +31,7 @@ $weight: (
|
|
|
31
31
|
);
|
|
32
32
|
|
|
33
33
|
@each $value in $weight {
|
|
34
|
-
.
|
|
34
|
+
.font-#{$value} {
|
|
35
35
|
font-weight: $value;
|
|
36
36
|
}
|
|
37
37
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: flake-scss
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Mitcheljager
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-11-
|
|
11
|
+
date: 2017-11-10 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -61,6 +61,7 @@ files:
|
|
|
61
61
|
- vendor/assets/stylesheets/background/_colors.scss
|
|
62
62
|
- vendor/assets/stylesheets/border/_colors.scss
|
|
63
63
|
- vendor/assets/stylesheets/border/_general.scss
|
|
64
|
+
- vendor/assets/stylesheets/border/_radius.scss
|
|
64
65
|
- vendor/assets/stylesheets/general/_display.scss
|
|
65
66
|
- vendor/assets/stylesheets/general/_general.scss
|
|
66
67
|
- vendor/assets/stylesheets/general/_position.scss
|
|
@@ -68,11 +69,13 @@ files:
|
|
|
68
69
|
- vendor/assets/stylesheets/helpers/_colors-list.scss
|
|
69
70
|
- vendor/assets/stylesheets/helpers/_functions.scss
|
|
70
71
|
- vendor/assets/stylesheets/layout/_flex.scss
|
|
72
|
+
- vendor/assets/stylesheets/shadows/_shadows.scss
|
|
71
73
|
- vendor/assets/stylesheets/sizing/_grid.scss
|
|
72
74
|
- vendor/assets/stylesheets/sizing/_spacing.scss
|
|
73
75
|
- vendor/assets/stylesheets/text/_align.scss
|
|
74
76
|
- vendor/assets/stylesheets/text/_colors.scss
|
|
75
77
|
- vendor/assets/stylesheets/text/_fonts.scss
|
|
78
|
+
- vendor/assets/stylesheets/text/_sizes.scss
|
|
76
79
|
- vendor/assets/stylesheets/text/_style.scss
|
|
77
80
|
homepage: https://github.com/Mitcheljager/flake-scss
|
|
78
81
|
licenses:
|