sass-zero 0.0.37 → 0.0.38

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: dd5b6776b53040e01a89fc9b525fab7e7aca4255e8da1cf4bdfa5f5cbb14dc14
4
- data.tar.gz: cfe605b1284380d9a1accc30d01441d0893aaf17459029c2850e2ed945d702ab
3
+ metadata.gz: da0529f23db61de5fdb0dfd396b024df435f1e40be84c0339b2af5f58b73e4b3
4
+ data.tar.gz: 456fbcc46813198e3003bdbb457362d5b5e380e57f2777a4dbd5082a02cc9d32
5
5
  SHA512:
6
- metadata.gz: c5bc018555c7c22d707fcc1338e33001a1faa51c21fabb88d655fd2160a0aab8d536d27bdb1c45fd866644000d3e0f63d941089b378f6526efdf7f5e1cddf3b5
7
- data.tar.gz: fa56978fcf7b39e19f551e5fa21500991a9120e6dd2aad8885a1f0ec987a9f14ba3123f464c854c2a96a1afb8cfca5eea1cb688a8d1f742e991ef2640615106a
6
+ metadata.gz: 65ca85e6ee52aec6517a5bb64a72cdad1896e12365e016dd9cbce57c4ef550f7d89924772ff1a2d06dfafda8a8b880549249fdfe9fe8e21c240079672ee80f0f
7
+ data.tar.gz: a7c5336637313ae0d8df9cf30b462850af502e83584f4f79f9f9d4d67b689dcad35d5e34e63f5bbf73ac1fcfb20154d4e2934c54c567416a62a43d2ff3f146c1
@@ -43,8 +43,8 @@ blockquote {
43
43
  }
44
44
 
45
45
  &--tertiary {
46
- background-color: transparent;
47
- border-color: transparent;
46
+ background-color: $transparent;
47
+ border-color: $transparent;
48
48
  }
49
49
  }
50
50
 
@@ -95,7 +95,7 @@ hr {
95
95
 
96
96
  .checkbox {
97
97
  border-radius: $rounded;
98
- @include selection;
98
+ @include selection($breadboard-primary);
99
99
 
100
100
  &:checked {
101
101
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="white" strokeWidth="2" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>');
@@ -107,14 +107,14 @@ hr {
107
107
 
108
108
  .radio {
109
109
  border-radius: $rounded-full;
110
- @include selection;
110
+ @include selection($breadboard-primary);
111
111
 
112
112
  &:checked {
113
113
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>');
114
114
  @include checked;
115
115
  }
116
116
 
117
- &:focus { @include focus; }
117
+ &:focus { @include focus; }
118
118
  }
119
119
 
120
120
  label, legend {
@@ -1,3 +1,7 @@
1
+ @import "sass-zero/variables/border";
2
+ @import "sass-zero/variables/effects";
3
+ @import "sass-zero/variables/spacing";
4
+
1
5
  @mixin ellipsis {
2
6
  overflow: hidden;
3
7
  text-overflow: ellipsis;
@@ -23,15 +27,15 @@
23
27
  }
24
28
 
25
29
  @mixin focus {
26
- border-color: $breadboard-color;
30
+ border-color: #a4cafe;
27
31
  box-shadow: $shadow-outline;
28
32
  outline: 0;
29
33
  }
30
34
 
31
- @mixin selection {
35
+ @mixin selection($color) {
32
36
  appearance: none;
33
37
  border-width: $border;
34
- color: $breadboard-primary;
38
+ color: $color;
35
39
  margin-bottom: -0.2rem;
36
40
  height: $size-4;
37
41
  width: $size-4;
@@ -1,6 +1,5 @@
1
1
  @import "sass-zero/variables/typography";
2
2
  @import "sass-zero/variables/spacing";
3
- @import "sass-zero/variables/border";
4
3
  @import "sass-zero/variables/colors";
5
4
  @import "sass-zero/mixins";
6
5
 
@@ -7,102 +7,123 @@ $transparent: 'transparent';
7
7
  $black: #000;
8
8
  $white: #fff;
9
9
 
10
- $gray-100: #f7fafc !default;
11
- $gray-200: #edf2f7 !default;
12
- $gray-300: #e2e8f0 !default;
13
- $gray-400: #cbd5e0 !default;
14
- $gray-500: #a0aec0 !default;
15
- $gray-600: #718096 !default;
16
- $gray-700: #4a5568 !default;
17
- $gray-800: #2d3748 !default;
18
- $gray-900: #1a202c !default;
10
+ $gray-50: #f9fafb;
11
+ $gray-100: #f4f5f7;
12
+ $gray-200: #e5e7eb;
13
+ $gray-300: #d2d6dc;
14
+ $gray-400: #9fa6b2;
15
+ $gray-500: #6b7280;
16
+ $gray-600: #4b5563;
17
+ $gray-700: #374151;
18
+ $gray-800: #252f3f;
19
+ $gray-900: #161e2e;
19
20
 
20
- $red-100: #fff5f5;
21
- $red-200: #fed7d7;
22
- $red-300: #feb2b2;
23
- $red-400: #fc8181;
24
- $red-500: #f56565;
25
- $red-600: #e53e3e;
26
- $red-700: #c53030;
27
- $red-800: #9b2c2c;
28
- $red-900: #742a2a;
21
+ $cool-gray-50: #fbfdfe;
22
+ $cool-gray-100: #f1f5f9;
23
+ $cool-gray-200: #e2e8f0;
24
+ $cool-gray-300: #cfd8e3;
25
+ $cool-gray-400: #97a6ba;
26
+ $cool-gray-500: #64748b;
27
+ $cool-gray-600: #475569;
28
+ $cool-gray-700: #364152;
29
+ $cool-gray-800: #27303f;
30
+ $cool-gray-900: #1a202e;
29
31
 
30
- $orange-100: #fffaf0;
31
- $orange-200: #feebc8;
32
- $orange-300: #fbd38d;
33
- $orange-400: #f6ad55;
34
- $orange-500: #ed8936;
35
- $orange-600: #dd6b20;
36
- $orange-700: #c05621;
37
- $orange-800: #9c4221;
38
- $orange-900: #7b341e;
32
+ $red-50: #fdf2f2;
33
+ $red-100: #fde8e8;
34
+ $red-200: #fbd5d5;
35
+ $red-300: #f8b4b4;
36
+ $red-400: #f98080;
37
+ $red-500: #f05252;
38
+ $red-600: #e02424;
39
+ $red-700: #c81e1e;
40
+ $red-800: #9b1c1c;
41
+ $red-900: #771d1d;
39
42
 
40
- $yellow-100: #fffff0;
41
- $yellow-200: #fefcbf;
42
- $yellow-300: #faf089;
43
- $yellow-400: #f6e05e;
44
- $yellow-500: #ecc94b;
45
- $yellow-600: #d69e2e;
46
- $yellow-700: #b7791f;
47
- $yellow-800: #975a16;
48
- $yellow-900: #744210;
43
+ $orange-50: #fff8f1;
44
+ $orange-100: #feecdc;
45
+ $orange-200: #fcd9bd;
46
+ $orange-300: #fdba8c;
47
+ $orange-400: #ff8a4c;
48
+ $orange-500: #ff5a1f;
49
+ $orange-600: #d03801;
50
+ $orange-700: #b43403;
51
+ $orange-800: #8a2c0d;
52
+ $orange-900: #771d1d;
49
53
 
50
- $green-100: #f0fff4;
51
- $green-200: #c6f6d5;
52
- $green-300: #9ae6b4;
53
- $green-400: #68d391;
54
- $green-500: #48bb78;
55
- $green-600: #38a169;
56
- $green-700: #2f855a;
57
- $green-800: #276749;
58
- $green-900: #22543d;
54
+ $yellow-50: #fdfdea;
55
+ $yellow-100: #fdf6b2;
56
+ $yellow-200: #fce96a;
57
+ $yellow-300: #faca15;
58
+ $yellow-400: #e3a008;
59
+ $yellow-500: #c27803;
60
+ $yellow-600: #9f580a;
61
+ $yellow-700: #8e4b10;
62
+ $yellow-800: #723b13;
63
+ $yellow-900: #633112;
59
64
 
60
- $teal-100: #e6fffa;
61
- $teal-200: #b2f5ea;
62
- $teal-300: #81e6d9;
63
- $teal-400: #4fd1c5;
64
- $teal-500: #38b2ac;
65
- $teal-600: #319795;
66
- $teal-700: #2c7a7b;
67
- $teal-800: #285e61;
68
- $teal-900: #234e52;
65
+ $green-50: #f3faf7;
66
+ $green-100: #def7ec;
67
+ $green-200: #bcf0da;
68
+ $green-300: #84e1bc;
69
+ $green-400: #31c48d;
70
+ $green-500: #0e9f6e;
71
+ $green-600: #057a55;
72
+ $green-700: #046c4e;
73
+ $green-800: #03543f;
74
+ $green-900: #014737;
69
75
 
70
- $blue-100: #ebf8ff;
71
- $blue-200: #bee3f8;
72
- $blue-300: #90cdf4;
73
- $blue-400: #63b3ed;
74
- $blue-500: #4299e1;
75
- $blue-600: #3182ce;
76
- $blue-700: #2b6cb0;
77
- $blue-800: #2c5282;
78
- $blue-900: #2a4365;
76
+ $teal-50: #edfafa;
77
+ $teal-100: #d5f5f6;
78
+ $teal-200: #afecef;
79
+ $teal-300: #7edce2;
80
+ $teal-400: #16bdca;
81
+ $teal-500: #0694a2;
82
+ $teal-600: #047481;
83
+ $teal-700: #036672;
84
+ $teal-800: #05505c;
85
+ $teal-900: #014451;
79
86
 
80
- $indigo-100: #ebf4ff;
81
- $indigo-200: #c3dafe;
82
- $indigo-300: #a3bffa;
83
- $indigo-400: #7f9cf5;
84
- $indigo-500: #667eea;
85
- $indigo-600: #5a67d8;
86
- $indigo-700: #4c51bf;
87
- $indigo-800: #434190;
88
- $indigo-900: #3c366b;
87
+ $blue-50: #ebf5ff;
88
+ $blue-100: #e1effe;
89
+ $blue-200: #c3ddfd;
90
+ $blue-300: #a4cafe;
91
+ $blue-400: #76a9fa;
92
+ $blue-500: #3f83f8;
93
+ $blue-600: #1c64f2;
94
+ $blue-700: #1a56db;
95
+ $blue-800: #1e429f;
96
+ $blue-900: #233876;
89
97
 
90
- $purple-100: #faf5ff;
91
- $purple-200: #e9d8fd;
92
- $purple-300: #d6bcfa;
93
- $purple-400: #b794f4;
94
- $purple-500: #9f7aea;
95
- $purple-600: #805ad5;
96
- $purple-700: #6b46c1;
97
- $purple-800: #553c9a;
98
- $purple-900: #44337a;
98
+ $indigo-50: #f0f5ff;
99
+ $indigo-100: #e5edff;
100
+ $indigo-200: #cddbfe;
101
+ $indigo-300: #b4c6fc;
102
+ $indigo-400: #8da2fb;
103
+ $indigo-500: #6875f5;
104
+ $indigo-600: #5850ec;
105
+ $indigo-700: #5145cd;
106
+ $indigo-800: #42389d;
107
+ $indigo-900: #362f78;
99
108
 
100
- $pink-100: #fff5f7;
101
- $pink-200: #fed7e2;
102
- $pink-300: #fbb6ce;
103
- $pink-400: #f687b3;
104
- $pink-500: #ed64a6;
105
- $pink-600: #d53f8c;
106
- $pink-700: #b83280;
107
- $pink-800: #97266d;
108
- $pink-900: #702459;
109
+ $purple-50: #f6f5ff;
110
+ $purple-100: #edebfe;
111
+ $purple-200: #dcd7fe;
112
+ $purple-300: #cabffd;
113
+ $purple-400: #ac94fa;
114
+ $purple-500: #9061f9;
115
+ $purple-600: #7e3af2;
116
+ $purple-700: #6c2bd9;
117
+ $purple-800: #5521b5;
118
+ $purple-900: #4a1d96;
119
+
120
+ $pink-50: #fdf2f8;
121
+ $pink-100: #fce8f3;
122
+ $pink-200: #fad1e8;
123
+ $pink-300: #f8b4d9;
124
+ $pink-400: #f17eb8;
125
+ $pink-500: #e74694;
126
+ $pink-600: #d61f69;
127
+ $pink-700: #bf125d;
128
+ $pink-800: #99154b;
129
+ $pink-900: #751a3d;
@@ -1,4 +1,3 @@
1
-
2
1
  // *******************************************************************
3
2
  // Box Shadow
4
3
  // Variables for controlling the box shadow of an element.
@@ -12,7 +11,8 @@ $shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0,
12
11
  $shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
13
12
  $shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
14
13
  $shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
15
- $shadow-outline: 0 0 0 3px rgba(45,55,72, 0.5);
14
+ $shadow-outline: 0 0 0 3px rgba(164, 202, 254, .45);
15
+ $shadow-solid: 0 0 0 2px currentColor;
16
16
  $shadow-none: none;
17
17
 
18
18
  // *******************************************************************
@@ -53,6 +53,7 @@ $max-w-3xl: 48rem;
53
53
  $max-w-4xl: 56rem;
54
54
  $max-w-5xl: 64rem;
55
55
  $max-w-6xl: 72rem;
56
+ $max-w-7xl: 80rem;
56
57
  $max-w-full: 100%;
57
58
  $max-w-none: none;
58
59
 
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "0.0.37"
3
+ VERSION = "0.0.38"
4
4
  end
5
5
  end
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sass-zero",
3
- "version": "0.0.37",
3
+ "version": "0.0.38",
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: 0.0.37
4
+ version: 0.0.38
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-05-16 00:00:00.000000000 Z
11
+ date: 2020-05-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: autoprefixer-rails