sass-zero 0.0.47 → 0.0.48
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/sass-zero/breadboard.scss +2 -2
- data/app/assets/stylesheets/sass-zero/variables/height.scss +27 -16
- data/app/assets/stylesheets/sass-zero/variables/spacing.scss +2 -6
- data/app/assets/stylesheets/sass-zero/variables/width.scss +34 -27
- data/lib/sass/zero/version.rb +1 -1
- data/package.json +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 7ec1a6eec30c84c4a0ef397bf9eea587d88149d22de4fa23ec794d4cf0cf3565
|
4
|
+
data.tar.gz: 99cfaf712afda6e3cecf53a18130ba2183682d81b3b08b0a03efdd2dcf67310e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: fa420f90a4224241ba7512964df796119bfde6499c4e0e6699283571e48c806eb78c5f0ac8e891d7497e1cb531876857847745129f62f1245f54dab86ffbbea0
|
7
|
+
data.tar.gz: 0a9f871b099508713638e7d77e7c4f922291ce28264150714c25ce11e7bf0057e506a73b3f5ef6c861f6ad927b0a3953d12e7bf28479b3be39486e0fbc05c704
|
@@ -63,7 +63,7 @@ html {
|
|
63
63
|
border-radius: $radius-input;
|
64
64
|
border-width: $border;
|
65
65
|
padding: $size-2 $size-3;
|
66
|
-
width: $
|
66
|
+
width: $w-full;
|
67
67
|
|
68
68
|
&--select {
|
69
69
|
background-image: var(--image-bg-select);
|
@@ -173,7 +173,7 @@ blockquote, figure, p, pre, table, ul, ol, dl {
|
|
173
173
|
}
|
174
174
|
|
175
175
|
table {
|
176
|
-
width: $
|
176
|
+
width: $w-full;
|
177
177
|
}
|
178
178
|
|
179
179
|
td, th {
|
@@ -1,23 +1,28 @@
|
|
1
1
|
// *******************************************************************
|
2
2
|
// Height
|
3
3
|
// Variables for setting the height of an element
|
4
|
-
// height: $h-
|
4
|
+
// height: $h-p-1-2;
|
5
5
|
// *******************************************************************
|
6
|
-
$h-
|
7
|
-
$h-
|
8
|
-
$h-
|
9
|
-
$h-
|
10
|
-
$h-
|
11
|
-
$h-
|
12
|
-
$h-
|
13
|
-
$h-
|
14
|
-
$h-
|
15
|
-
$h-
|
16
|
-
$h-
|
17
|
-
$h-
|
18
|
-
$h-
|
19
|
-
$h-
|
20
|
-
$h-
|
6
|
+
$h-p-1-2: 50%;
|
7
|
+
$h-p-1-3: 33.333333%;
|
8
|
+
$h-p-2-3: 66.666667%;
|
9
|
+
$h-p-1-4: 25%;
|
10
|
+
$h-p-2-4: 50%;
|
11
|
+
$h-p-3-4: 75%;
|
12
|
+
$h-p-1-5: 20%;
|
13
|
+
$h-p-2-5: 40%;
|
14
|
+
$h-p-3-5: 60%;
|
15
|
+
$h-p-4-5: 80%;
|
16
|
+
$h-p-1-6: 16.666667%;
|
17
|
+
$h-p-2-6: 33.333333%;
|
18
|
+
$h-p-3-6: 50%;
|
19
|
+
$h-p-4-6: 66.666667%;
|
20
|
+
$h-p-5-6: 83.333333%;
|
21
|
+
$h-full: 100%;
|
22
|
+
$h-screen: 100vw;
|
23
|
+
$h-min: min-content;
|
24
|
+
$h-max: max-content;
|
25
|
+
$h-fit: fit-content;
|
21
26
|
|
22
27
|
// *******************************************************************
|
23
28
|
// Min-Height
|
@@ -27,6 +32,9 @@ $h-per-5-6: 83.333333%;
|
|
27
32
|
$min-h-0: 0px;
|
28
33
|
$min-h-full: 100%;
|
29
34
|
$min-h-screen: 100vh;
|
35
|
+
$min-h-min: min-content;
|
36
|
+
$min-h-max: max-content;
|
37
|
+
$min-h-fit: fit-content;
|
30
38
|
|
31
39
|
// *******************************************************************
|
32
40
|
// Max-Height
|
@@ -35,3 +43,6 @@ $min-h-screen: 100vh;
|
|
35
43
|
// *******************************************************************
|
36
44
|
$max-h-full: 100%;
|
37
45
|
$max-h-screen: 100vh;
|
46
|
+
$max-h-min: min-content;
|
47
|
+
$max-h-max: max-content;
|
48
|
+
$max-h-fit: fit-content;
|
@@ -3,6 +3,8 @@
|
|
3
3
|
// By default, Tailwind includes a generous and comprehensive numeric spacing scale.
|
4
4
|
// Use as padding, margin, width, height, translate, etc...
|
5
5
|
// *******************************************************************
|
6
|
+
$size-auto: auto;
|
7
|
+
|
6
8
|
$size-px: 1px;
|
7
9
|
$size-0: 0px;
|
8
10
|
$size-0-5: 0.125rem;
|
@@ -39,10 +41,4 @@ $size-72: 18rem;
|
|
39
41
|
$size-80: 20rem;
|
40
42
|
$size-96: 24rem;
|
41
43
|
|
42
|
-
$size-auto: auto;
|
43
|
-
$size-full: 100%;
|
44
|
-
$size-screen: 100vw;
|
45
|
-
$size-min: min-content;
|
46
|
-
$size-max: max-content;
|
47
|
-
|
48
44
|
$size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10, "3xl": $size-12);
|
@@ -1,34 +1,39 @@
|
|
1
1
|
// *******************************************************************
|
2
2
|
// Width
|
3
3
|
// Variables for setting the width of an element
|
4
|
-
// width: $w-
|
4
|
+
// width: $w-p-1-2;
|
5
5
|
// *******************************************************************
|
6
|
-
$w-
|
7
|
-
$w-
|
8
|
-
$w-
|
9
|
-
$w-
|
10
|
-
$w-
|
11
|
-
$w-
|
12
|
-
$w-
|
13
|
-
$w-
|
14
|
-
$w-
|
15
|
-
$w-
|
16
|
-
$w-
|
17
|
-
$w-
|
18
|
-
$w-
|
19
|
-
$w-
|
20
|
-
$w-
|
21
|
-
$w-
|
22
|
-
$w-
|
23
|
-
$w-
|
24
|
-
$w-
|
25
|
-
$w-
|
26
|
-
$w-
|
27
|
-
$w-
|
28
|
-
$w-
|
29
|
-
$w-
|
30
|
-
$w-
|
31
|
-
$w-
|
6
|
+
$w-p-1-2: 50%;
|
7
|
+
$w-p-1-3: 33.333333%;
|
8
|
+
$w-p-2-3: 66.666667%;
|
9
|
+
$w-p-1-4: 25%;
|
10
|
+
$w-p-2-4: 50%;
|
11
|
+
$w-p-3-4: 75%;
|
12
|
+
$w-p-1-5: 20%;
|
13
|
+
$w-p-2-5: 40%;
|
14
|
+
$w-p-3-5: 60%;
|
15
|
+
$w-p-4-5: 80%;
|
16
|
+
$w-p-1-6: 16.666667%;
|
17
|
+
$w-p-2-6: 33.333333%;
|
18
|
+
$w-p-3-6: 50%;
|
19
|
+
$w-p-4-6: 66.666667%;
|
20
|
+
$w-p-5-6: 83.333333%;
|
21
|
+
$w-p-1-12: 8.333333%;
|
22
|
+
$w-p-2-12: 16.666667%;
|
23
|
+
$w-p-3-12: 25%;
|
24
|
+
$w-p-4-12: 33.333333%;
|
25
|
+
$w-p-5-12: 41.666667%;
|
26
|
+
$w-p-6-12: 50%;
|
27
|
+
$w-p-7-12: 58.333333%;
|
28
|
+
$w-p-8-12: 66.666667%;
|
29
|
+
$w-p-9-12: 75%;
|
30
|
+
$w-p-10-12: 83.333333%;
|
31
|
+
$w-p-11-12: 91.666667%;
|
32
|
+
$w-full: 100%;
|
33
|
+
$w-screen: 100vw;
|
34
|
+
$w-min: min-content;
|
35
|
+
$w-max: max-content;
|
36
|
+
$w-fit: fit-content;
|
32
37
|
|
33
38
|
// *******************************************************************
|
34
39
|
// Min-Width
|
@@ -39,6 +44,7 @@ $min-w-0: 0px;
|
|
39
44
|
$min-w-full: 100%;
|
40
45
|
$min-w-min: min-content;
|
41
46
|
$min-w-max: max-content;
|
47
|
+
$min-w-fit: fit-content;
|
42
48
|
|
43
49
|
// *******************************************************************
|
44
50
|
// Max-Width
|
@@ -61,3 +67,4 @@ $max-w-7xl: 80rem;
|
|
61
67
|
$max-w-full: 100%;
|
62
68
|
$max-w-min: min-content;
|
63
69
|
$max-w-max: max-content;
|
70
|
+
$max-w-fit: fit-content;
|
data/lib/sass/zero/version.rb
CHANGED
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "sass-zero",
|
3
|
-
"version": "0.0.
|
3
|
+
"version": "0.0.48",
|
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",
|