sass-zero 1.0.25 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +1 -1
- data/app/assets/stylesheets/sass-zero/base.scss +1 -1
- data/app/assets/stylesheets/sass-zero/breadboard.scss +2 -2
- data/app/assets/stylesheets/sass-zero/mixins.scss +4 -4
- data/app/assets/stylesheets/sass-zero/utilities/align.scss +0 -8
- data/app/assets/stylesheets/sass-zero/utilities/flex.scss +1 -1
- data/app/assets/stylesheets/sass-zero/utilities/flush.scss +1 -1
- data/app/assets/stylesheets/sass-zero/utilities/layout.scss +8 -1
- data/app/assets/stylesheets/sass-zero/utilities/list.scss +2 -2
- data/app/assets/stylesheets/sass-zero/utilities/pad.scss +1 -1
- data/app/assets/stylesheets/sass-zero/utilities/pull.scss +1 -9
- data/app/assets/stylesheets/sass-zero/utilities/push.scss +1 -1
- data/app/assets/stylesheets/sass-zero/utilities/text.scss +1 -1
- data/app/assets/stylesheets/sass-zero/utilities.scss +14 -14
- data/app/assets/stylesheets/sass-zero/variables/sizing.scss +45 -0
- data/app/assets/stylesheets/sass-zero/variables.scss +14 -14
- data/lib/sass_zero/version.rb +1 -1
- data/package.json +1 -1
- metadata +3 -3
- data/app/assets/stylesheets/sass-zero/variables/spacing.scss +0 -46
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 438e8f1e1f375d54c379aec29c9a3384a77d6cd94ae9bde0f9ce02fbba1bcfc7
|
|
4
|
+
data.tar.gz: 75a78be4c281f9f6a8d6e434b3a1aa99b37d68d360a145704e6b0125fcb76e0a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 94706d42564c0b3b158c98c5a7b774d1c1978d5c1f5af6c1515334bb271b53c0bfa75fa5493e64eb4abdc0067d0cd6ddbf29dd4367bf0651288010ed07649072
|
|
7
|
+
data.tar.gz: 770f78854e72f4d4d48677632804dc74bff56cf59d8cb8ddf06f8dd53a974b06e0fa00f06d7036eefd026bff22eb92023c62aefa5de9fd89be23c91d91cdbf05
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
|
@@ -42,7 +42,7 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
|
|
|
42
42
|
- [Filters](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/filters.scss)
|
|
43
43
|
- [Flex](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/flex.scss)
|
|
44
44
|
- [Grid](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/grid.scss)
|
|
45
|
-
- [
|
|
45
|
+
- [Sizing](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/sizing.scss)
|
|
46
46
|
- [Transform](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/transform.scss)
|
|
47
47
|
- [Transition](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/transition.scss)
|
|
48
48
|
- [Typography](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/variables/typography.scss)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@import "
|
|
1
|
+
@import "base/preflight";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@import "
|
|
2
|
-
@import "
|
|
3
|
-
@import "
|
|
4
|
-
@import "
|
|
1
|
+
@import "variables/border";
|
|
2
|
+
@import "variables/effects";
|
|
3
|
+
@import "variables/sizing";
|
|
4
|
+
@import "variables/zindex";
|
|
5
5
|
|
|
6
6
|
@mixin antialiased {
|
|
7
7
|
-webkit-font-smoothing: antialiased;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
@import "../variables/breakpoints";
|
|
2
2
|
@import "../variables/effects";
|
|
3
|
-
@import "../mixins";
|
|
4
3
|
|
|
5
4
|
.debug * {
|
|
6
5
|
outline: 1px #f00 solid !important;
|
|
@@ -22,6 +21,10 @@
|
|
|
22
21
|
display: inline-block;
|
|
23
22
|
}
|
|
24
23
|
|
|
24
|
+
.u-display-c {
|
|
25
|
+
display: contents;
|
|
26
|
+
}
|
|
27
|
+
|
|
25
28
|
.u-visibility-hidden {
|
|
26
29
|
visibility: hidden;
|
|
27
30
|
}
|
|
@@ -80,6 +83,10 @@
|
|
|
80
83
|
.u-show\@sm {
|
|
81
84
|
display: block;
|
|
82
85
|
}
|
|
86
|
+
|
|
87
|
+
.u-hide\@sm {
|
|
88
|
+
display: none;
|
|
89
|
+
}
|
|
83
90
|
}
|
|
84
91
|
|
|
85
92
|
@media print {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
@import "../variables/
|
|
2
|
-
@import "../variables/spacing";
|
|
1
|
+
@import "../variables/sizing";
|
|
3
2
|
|
|
4
3
|
// *******************************************************************
|
|
5
4
|
// Pull Utilities
|
|
@@ -25,10 +24,3 @@
|
|
|
25
24
|
margin-left: $size * -1 !important;
|
|
26
25
|
}
|
|
27
26
|
}
|
|
28
|
-
|
|
29
|
-
@media (min-width: $breakpoint-sm) {
|
|
30
|
-
.pull--sides\@sm {
|
|
31
|
-
margin-left: $size-3 * -1 !important;
|
|
32
|
-
margin-right: $size-3 * -1 !important;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
@import "
|
|
2
|
-
@import "
|
|
3
|
-
@import "
|
|
4
|
-
@import "
|
|
5
|
-
@import "
|
|
6
|
-
@import "
|
|
7
|
-
@import "
|
|
8
|
-
@import "
|
|
9
|
-
@import "
|
|
10
|
-
@import "
|
|
11
|
-
@import "
|
|
12
|
-
@import "
|
|
13
|
-
@import "
|
|
14
|
-
@import "
|
|
1
|
+
@import "utilities/align";
|
|
2
|
+
@import "utilities/animation";
|
|
3
|
+
@import "utilities/border";
|
|
4
|
+
@import "utilities/container";
|
|
5
|
+
@import "utilities/flex";
|
|
6
|
+
@import "utilities/flush";
|
|
7
|
+
@import "utilities/layout";
|
|
8
|
+
@import "utilities/pad";
|
|
9
|
+
@import "utilities/position";
|
|
10
|
+
@import "utilities/pull";
|
|
11
|
+
@import "utilities/push";
|
|
12
|
+
@import "utilities/text";
|
|
13
|
+
@import "utilities/list";
|
|
14
|
+
@import "utilities/unpad";
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
// *******************************************************************
|
|
2
|
+
// Default sizing scale
|
|
3
|
+
// By default, sass-zero includes a generous and comprehensive numeric sizing scale.
|
|
4
|
+
// *******************************************************************
|
|
5
|
+
$size-px: 1px;
|
|
6
|
+
$size-0: 0;
|
|
7
|
+
$size-1: 0.25rem;
|
|
8
|
+
$size-2: 0.5rem;
|
|
9
|
+
$size-3: 0.75rem;
|
|
10
|
+
$size-4: 1rem;
|
|
11
|
+
$size-5: 1.25rem;
|
|
12
|
+
$size-6: 1.5rem;
|
|
13
|
+
$size-7: 1.75rem;
|
|
14
|
+
$size-8: 2rem;
|
|
15
|
+
$size-9: 2.25rem;
|
|
16
|
+
$size-10: 2.5rem;
|
|
17
|
+
$size-11: 2.75rem;
|
|
18
|
+
$size-12: 3rem;
|
|
19
|
+
$size-14: 3.5rem;
|
|
20
|
+
$size-16: 4rem;
|
|
21
|
+
$size-20: 5rem;
|
|
22
|
+
$size-24: 6rem;
|
|
23
|
+
$size-28: 7rem;
|
|
24
|
+
$size-32: 8rem;
|
|
25
|
+
$size-36: 9rem;
|
|
26
|
+
$size-40: 10rem;
|
|
27
|
+
$size-44: 11rem;
|
|
28
|
+
$size-48: 12rem;
|
|
29
|
+
$size-52: 13rem;
|
|
30
|
+
$size-56: 14rem;
|
|
31
|
+
$size-60: 15rem;
|
|
32
|
+
$size-64: 16rem;
|
|
33
|
+
$size-72: 18rem;
|
|
34
|
+
$size-80: 20rem;
|
|
35
|
+
$size-96: 24rem;
|
|
36
|
+
|
|
37
|
+
$size-map: (
|
|
38
|
+
"xs": $size-2,
|
|
39
|
+
"sm": $size-4,
|
|
40
|
+
"md": $size-6,
|
|
41
|
+
"lg": $size-12,
|
|
42
|
+
"xl": $size-16,
|
|
43
|
+
"2xl": $size-24,
|
|
44
|
+
"3xl": $size-32
|
|
45
|
+
);
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
@import "
|
|
2
|
-
@import "
|
|
3
|
-
@import "
|
|
4
|
-
@import "
|
|
5
|
-
@import "
|
|
6
|
-
@import "
|
|
7
|
-
@import "
|
|
8
|
-
@import "
|
|
9
|
-
@import "
|
|
10
|
-
@import "
|
|
11
|
-
@import "
|
|
12
|
-
@import "
|
|
13
|
-
@import "
|
|
14
|
-
@import "
|
|
1
|
+
@import "variables/border";
|
|
2
|
+
@import "variables/breakpoints";
|
|
3
|
+
@import "variables/colors";
|
|
4
|
+
@import "variables/effects";
|
|
5
|
+
@import "variables/filters";
|
|
6
|
+
@import "variables/flex";
|
|
7
|
+
@import "variables/grid";
|
|
8
|
+
@import "variables/sizing";
|
|
9
|
+
@import "variables/transition";
|
|
10
|
+
@import "variables/transform";
|
|
11
|
+
@import "variables/typography";
|
|
12
|
+
@import "variables/width";
|
|
13
|
+
@import "variables/height";
|
|
14
|
+
@import "variables/zindex";
|
data/lib/sass_zero/version.rb
CHANGED
data/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sass-zero",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM.",
|
|
5
5
|
"homepage": "https://github.com/lazaronixon/sass-zero",
|
|
6
6
|
"repository": "lazaronixon/sass-zero",
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sass-zero
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- lazaronixon
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-08-
|
|
11
|
+
date: 2022-08-15 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email:
|
|
@@ -53,7 +53,7 @@ files:
|
|
|
53
53
|
- app/assets/stylesheets/sass-zero/variables/flex.scss
|
|
54
54
|
- app/assets/stylesheets/sass-zero/variables/grid.scss
|
|
55
55
|
- app/assets/stylesheets/sass-zero/variables/height.scss
|
|
56
|
-
- app/assets/stylesheets/sass-zero/variables/
|
|
56
|
+
- app/assets/stylesheets/sass-zero/variables/sizing.scss
|
|
57
57
|
- app/assets/stylesheets/sass-zero/variables/transform.scss
|
|
58
58
|
- app/assets/stylesheets/sass-zero/variables/transition.scss
|
|
59
59
|
- app/assets/stylesheets/sass-zero/variables/typography.scss
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
// *******************************************************************
|
|
2
|
-
// Default spacing scale
|
|
3
|
-
// By default, Tailwind includes a generous and comprehensive numeric spacing scale.
|
|
4
|
-
// Use as padding, margin, width, height, translate, etc...
|
|
5
|
-
// *******************************************************************
|
|
6
|
-
$size-px: 1px;
|
|
7
|
-
$size-0: 0;
|
|
8
|
-
$size-1: 0.25rem;
|
|
9
|
-
$size-2: 0.5rem;
|
|
10
|
-
$size-3: 0.75rem;
|
|
11
|
-
$size-4: 1rem;
|
|
12
|
-
$size-5: 1.25rem;
|
|
13
|
-
$size-6: 1.5rem;
|
|
14
|
-
$size-7: 1.75rem;
|
|
15
|
-
$size-8: 2rem;
|
|
16
|
-
$size-9: 2.25rem;
|
|
17
|
-
$size-10: 2.5rem;
|
|
18
|
-
$size-11: 2.75rem;
|
|
19
|
-
$size-12: 3rem;
|
|
20
|
-
$size-14: 3.5rem;
|
|
21
|
-
$size-16: 4rem;
|
|
22
|
-
$size-20: 5rem;
|
|
23
|
-
$size-24: 6rem;
|
|
24
|
-
$size-28: 7rem;
|
|
25
|
-
$size-32: 8rem;
|
|
26
|
-
$size-36: 9rem;
|
|
27
|
-
$size-40: 10rem;
|
|
28
|
-
$size-44: 11rem;
|
|
29
|
-
$size-48: 12rem;
|
|
30
|
-
$size-52: 13rem;
|
|
31
|
-
$size-56: 14rem;
|
|
32
|
-
$size-60: 15rem;
|
|
33
|
-
$size-64: 16rem;
|
|
34
|
-
$size-72: 18rem;
|
|
35
|
-
$size-80: 20rem;
|
|
36
|
-
$size-96: 24rem;
|
|
37
|
-
|
|
38
|
-
$size-map: (
|
|
39
|
-
"xs": $size-2,
|
|
40
|
-
"sm": $size-4,
|
|
41
|
-
"md": $size-6,
|
|
42
|
-
"lg": $size-12,
|
|
43
|
-
"xl": $size-16,
|
|
44
|
-
"2xl": $size-24,
|
|
45
|
-
"3xl": $size-32
|
|
46
|
-
);
|