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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 2a31299ba5a18323b097072ca19ed18e074a33cceae5d52d8dcb7defdba8ac31
4
- data.tar.gz: d21a8567351022034bbcf179130c9dd23a848e42a134419758dc5a902417b129
3
+ metadata.gz: 7ec1a6eec30c84c4a0ef397bf9eea587d88149d22de4fa23ec794d4cf0cf3565
4
+ data.tar.gz: 99cfaf712afda6e3cecf53a18130ba2183682d81b3b08b0a03efdd2dcf67310e
5
5
  SHA512:
6
- metadata.gz: 99218a1afd73ea6f469085ba8ce0540010fcc50a47b36baa03f1e9a59c5f2414077e0d99871ae15165f409306636ea49236209d82b72c7c8330f80c23869c9fa
7
- data.tar.gz: a93203f808882fdc36b682499cbfd7792e7c40c7d501b966b91dee5a0387b18404d8cf9c92b9f748ac570b7551a87639e61a94411eecabddfd48bc33b263c846
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: $size-full;
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: $size-full;
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-per-1-2;
4
+ // height: $h-p-1-2;
5
5
  // *******************************************************************
6
- $h-per-1-2: 50%;
7
- $h-per-1-3: 33.333333%;
8
- $h-per-2-3: 66.666667%;
9
- $h-per-1-4: 25%;
10
- $h-per-2-4: 50%;
11
- $h-per-3-4: 75%;
12
- $h-per-1-5: 20%;
13
- $h-per-2-5: 40%;
14
- $h-per-3-5: 60%;
15
- $h-per-4-5: 80%;
16
- $h-per-1-6: 16.666667%;
17
- $h-per-2-6: 33.333333%;
18
- $h-per-3-6: 50%;
19
- $h-per-4-6: 66.666667%;
20
- $h-per-5-6: 83.333333%;
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-per-1-2;
4
+ // width: $w-p-1-2;
5
5
  // *******************************************************************
6
- $w-per-1-2: 50%;
7
- $w-per-1-3: 33.333333%;
8
- $w-per-2-3: 66.666667%;
9
- $w-per-1-4: 25%;
10
- $w-per-2-4: 50%;
11
- $w-per-3-4: 75%;
12
- $w-per-1-5: 20%;
13
- $w-per-2-5: 40%;
14
- $w-per-3-5: 60%;
15
- $w-per-4-5: 80%;
16
- $w-per-1-6: 16.666667%;
17
- $w-per-2-6: 33.333333%;
18
- $w-per-3-6: 50%;
19
- $w-per-4-6: 66.666667%;
20
- $w-per-5-6: 83.333333%;
21
- $w-per-1-12: 8.333333%;
22
- $w-per-2-12: 16.666667%;
23
- $w-per-3-12: 25%;
24
- $w-per-4-12: 33.333333%;
25
- $w-per-5-12: 41.666667%;
26
- $w-per-6-12: 50%;
27
- $w-per-7-12: 58.333333%;
28
- $w-per-8-12: 66.666667%;
29
- $w-per-9-12: 75%;
30
- $w-per-10-12: 83.333333%;
31
- $w-per-11-12: 91.666667%;
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;
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "0.0.47"
3
+ VERSION = "0.0.48"
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sass-zero",
3
- "version": "0.0.47",
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",
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.47
4
+ version: 0.0.48
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon