flake-scss 0.1.5 → 0.1.6
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/README.md +1 -1
- data/flake-scss.gemspec +1 -1
- data/lib/flake/scss/version.rb +1 -1
- data/vendor/assets/stylesheets/_flake.scss +2 -1
- data/vendor/assets/stylesheets/background/_colors.scss +4 -4
- data/vendor/assets/stylesheets/border/_colors.scss +4 -4
- data/vendor/assets/stylesheets/border/_radius.scss +1 -0
- data/vendor/assets/stylesheets/general/_general.scss +16 -0
- data/vendor/assets/stylesheets/general/_z-index.scss +20 -0
- data/vendor/assets/stylesheets/shadows/_shadows.scss +19 -10
- data/vendor/assets/stylesheets/sizing/_grid.scss +4 -0
- data/vendor/assets/stylesheets/sizing/_spacing.scss +3 -3
- data/vendor/assets/stylesheets/text/_colors.scss +3 -3
- data/vendor/assets/stylesheets/text/_fonts.scss +3 -3
- metadata +5 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4bd31f73a6cb717b121b3d51f0577b60a74bff2e
|
|
4
|
+
data.tar.gz: 3137543fcc53e8674173a95cc700397765c62276
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1df05cacb38fac68a6203ce3100c62d922ffa64ae3170170a8eea9c8fe1f01d68a18c67ba5776f59e7870942cfa8526fd7958575ebdc4389c87b24fa467a2607
|
|
7
|
+
data.tar.gz: 3e8d924f2c6fa8e7ec7bf023155adf9f19f544410b5e8ae1fc3937c8864191db170980130ddfc89e1285f53a614cb91f64f174ae173582329c833c821a3dcc50
|
data/README.md
CHANGED
data/flake-scss.gemspec
CHANGED
|
@@ -9,7 +9,7 @@ Gem::Specification.new do |spec|
|
|
|
9
9
|
spec.authors = ["Mitcheljager"]
|
|
10
10
|
spec.email = ["mitchel_jager@hotmail.com"]
|
|
11
11
|
|
|
12
|
-
spec.summary = "Highly customizable Utility SCSS Framework"
|
|
12
|
+
spec.summary = "Highly customizable Utility SCSS and CSS Framework"
|
|
13
13
|
spec.homepage = "https://github.com/Mitcheljager/flake-scss"
|
|
14
14
|
spec.license = "MIT"
|
|
15
15
|
|
data/lib/flake/scss/version.rb
CHANGED
|
@@ -10,15 +10,15 @@ $bg-responsive: true !default;
|
|
|
10
10
|
$hover: "";
|
|
11
11
|
|
|
12
12
|
@if $bg-hover {
|
|
13
|
-
$hover: ", .hover\\:bg-#{$color}-#{$shade}:hover";
|
|
13
|
+
$hover: ", .hover\\:bg-#{"" + $color}-#{"" + $shade}:hover";
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.bg-#{$color}-#{$shade}
|
|
16
|
+
.bg-#{"" + $color}-#{"" + $shade}
|
|
17
17
|
#{$hover} {
|
|
18
18
|
background-color: $value;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
$addme: add-to-apply-map(bg-#{$color}-#{$shade}, "background-color", "#{$value}");
|
|
21
|
+
$addme: add-to-apply-map(bg-#{"" + $color}-#{"" + $shade}, "background-color", "#{$value}");
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -29,7 +29,7 @@ $bg-responsive: true !default;
|
|
|
29
29
|
$medium: map-get($colors-list, $color);
|
|
30
30
|
|
|
31
31
|
@each $shade, $value in $medium {
|
|
32
|
-
.#{$breakpoint}\:bg-#{$color}-#{$shade} {
|
|
32
|
+
.#{$breakpoint}\:bg-#{"" + $color}-#{"" + $shade} {
|
|
33
33
|
background-color: $value;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -10,15 +10,15 @@ $border-color-responsive: false !default;
|
|
|
10
10
|
$hover: "";
|
|
11
11
|
|
|
12
12
|
@if $border-color-hover {
|
|
13
|
-
$hover: ", .hover\\:b-#{$color}-#{$shade}:hover";
|
|
13
|
+
$hover: ", .hover\\:b-#{"" + $color}-#{"" + $shade}:hover";
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.b-#{$color}-#{$shade}
|
|
16
|
+
.b-#{"" + $color}-#{"" + $shade}
|
|
17
17
|
#{$hover} {
|
|
18
18
|
border-color: $value;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
$addme: add-to-apply-map(b-#{$color}-#{$shade}, "border-color", "#{$value}");
|
|
21
|
+
$addme: add-to-apply-map(b-#{"" + $color}-#{"" + $shade}, "border-color", "#{$value}");
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -27,7 +27,7 @@ $border-color-responsive: false !default;
|
|
|
27
27
|
@include breakpoint($breakpoint) {
|
|
28
28
|
@each $color in $colors {
|
|
29
29
|
@each $shade, $value in $medium {
|
|
30
|
-
.#{$breakpoint}\:bg-#{$color}-#{$shade} {
|
|
30
|
+
.#{$breakpoint}\:bg-#{"" + $color}-#{"" + $shade} {
|
|
31
31
|
border-color: $value;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
@@ -7,3 +7,19 @@ body {
|
|
|
7
7
|
@include apply(("m-0", "p-0", "bg-general-white", "text-size-normal"));
|
|
8
8
|
line-height: 1.5em;
|
|
9
9
|
}
|
|
10
|
+
|
|
11
|
+
.overflow-hidden {
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.transition {
|
|
16
|
+
transition: all .2s;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
h1 {
|
|
20
|
+
font-size: 2rem;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
h2 {
|
|
24
|
+
font-size: 1.5rem;
|
|
25
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
$z-index: () !default;
|
|
2
|
+
@if $z-index == () {
|
|
3
|
+
$z-index: (
|
|
4
|
+
-1,
|
|
5
|
+
0,
|
|
6
|
+
1,
|
|
7
|
+
2,
|
|
8
|
+
3,
|
|
9
|
+
4,
|
|
10
|
+
5
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@each $value in $z-index {
|
|
15
|
+
.z-#{$value} {
|
|
16
|
+
z-index: $value;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
$addme: add-to-apply-map(#{$z-index}, "z-index", "#{$z-index}");
|
|
20
|
+
}
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
$shadows-hover: true !default;
|
|
2
|
+
$shadows-responsive: true !default;
|
|
2
3
|
|
|
3
4
|
$shadows: () !default;
|
|
4
5
|
@if $shadows == () {
|
|
5
6
|
$shadows: (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
2: "0 3px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .07)},
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
4: "0 14px 28px #{rgba(map-get(map-get($colors-list, gray), 900), .12)},
|
|
13
|
-
0 10px 10px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}",
|
|
14
|
-
5: "0 19px 38px #{rgba(map-get(map-get($colors-list, gray), 900), .17)},
|
|
15
|
-
0 15px 12px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}"
|
|
7
|
+
0: "none",
|
|
8
|
+
1: "0 1px 3px #{rgba(map-get(map-get($colors-list, gray), 900), .05)}, 0 1px 2px #{rgba(map-get(map-get($colors-list, gray), 900), .11)}",
|
|
9
|
+
2: "0 3px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .07)}, 0 3px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .10)}",
|
|
10
|
+
3: "0 10px 20px #{rgba(map-get(map-get($colors-list, gray), 900), .15)}, 0 6px 6px #{rgba(map-get(map-get($colors-list, gray), 900), .10)}",
|
|
11
|
+
4: "0 14px 28px #{rgba(map-get(map-get($colors-list, gray), 900), .12)}, 0 10px 10px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}",
|
|
12
|
+
5: "0 19px 38px #{rgba(map-get(map-get($colors-list, gray), 900), .17)}, 0 15px 12px #{rgba(map-get(map-get($colors-list, gray), 900), .09)}"
|
|
16
13
|
);
|
|
17
14
|
}
|
|
18
15
|
|
|
@@ -30,3 +27,15 @@ $shadows: () !default;
|
|
|
30
27
|
|
|
31
28
|
$addme: add-to-apply-map(shadow-#{$shadow}, "box-shadow", "#{$value}");
|
|
32
29
|
}
|
|
30
|
+
|
|
31
|
+
@if $shadows-responsive {
|
|
32
|
+
@each $breakpoint, $breakpoint-value in $breakpoints {
|
|
33
|
+
@include breakpoint($breakpoint) {
|
|
34
|
+
@each $shadow, $value in $shadows {
|
|
35
|
+
.#{$breakpoint}\:shadow-#{$shadow} {
|
|
36
|
+
box-shadow: #{$value};
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -9,14 +9,14 @@ $text-colors-hover: true !default;
|
|
|
9
9
|
$hover: "";
|
|
10
10
|
|
|
11
11
|
@if $text-colors-hover {
|
|
12
|
-
$hover: ", .hover\\:text-#{$color}-#{$shade}:hover";
|
|
12
|
+
$hover: ", .hover\\:text-#{"" + $color}-#{"" + $shade}:hover";
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.text-#{$color}-#{$shade}
|
|
15
|
+
.text-#{"" + $color}-#{"" + $shade}
|
|
16
16
|
#{$hover} {
|
|
17
17
|
color: $value;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
$addme: add-to-apply-map(text-#{$color}-#{$shade}, "color", "#{$value}");
|
|
20
|
+
$addme: add-to-apply-map(text-#{"" + $color}-#{"" + $shade}, "color", "#{$value}");
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -14,7 +14,7 @@ $sans-serif: Frutiger,
|
|
|
14
14
|
"Helvetica Neue",
|
|
15
15
|
Helvetica,
|
|
16
16
|
Arial,
|
|
17
|
-
sans-serif;
|
|
17
|
+
sans-serif !default;
|
|
18
18
|
|
|
19
19
|
$serif: "Palatino Linotype",
|
|
20
20
|
Palatino,
|
|
@@ -32,7 +32,7 @@ $serif: "Palatino Linotype",
|
|
|
32
32
|
"Century Schoolbook",
|
|
33
33
|
"Century Schoolbook L",
|
|
34
34
|
Georgia,
|
|
35
|
-
serif;
|
|
35
|
+
serif !default;
|
|
36
36
|
|
|
37
37
|
$monospace: "Palatino Linotype",
|
|
38
38
|
Palatino,
|
|
@@ -50,7 +50,7 @@ $monospace: "Palatino Linotype",
|
|
|
50
50
|
"Century Schoolbook",
|
|
51
51
|
"Century Schoolbook L",
|
|
52
52
|
Georgia,
|
|
53
|
-
serif;
|
|
53
|
+
serif !default;
|
|
54
54
|
|
|
55
55
|
$font-families: () !default;
|
|
56
56
|
@if $font-families == () {
|
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.6
|
|
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-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -65,6 +65,7 @@ files:
|
|
|
65
65
|
- vendor/assets/stylesheets/general/_display.scss
|
|
66
66
|
- vendor/assets/stylesheets/general/_general.scss
|
|
67
67
|
- vendor/assets/stylesheets/general/_position.scss
|
|
68
|
+
- vendor/assets/stylesheets/general/_z-index.scss
|
|
68
69
|
- vendor/assets/stylesheets/helpers/_breakpoints.scss
|
|
69
70
|
- vendor/assets/stylesheets/helpers/_colors-list.scss
|
|
70
71
|
- vendor/assets/stylesheets/helpers/_functions.scss
|
|
@@ -98,8 +99,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
98
99
|
version: '0'
|
|
99
100
|
requirements: []
|
|
100
101
|
rubyforge_project:
|
|
101
|
-
rubygems_version: 2.6.
|
|
102
|
+
rubygems_version: 2.6.12
|
|
102
103
|
signing_key:
|
|
103
104
|
specification_version: 4
|
|
104
|
-
summary: Highly customizable Utility SCSS Framework
|
|
105
|
+
summary: Highly customizable Utility SCSS and CSS Framework
|
|
105
106
|
test_files: []
|