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.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/sass-zero/base/breadboard.scss +5 -5
  3. data/app/assets/stylesheets/sass-zero/mixins.scss +7 -3
  4. data/app/assets/stylesheets/sass-zero/utilities/text.scss +0 -1
  5. data/app/assets/stylesheets/sass-zero/variables/colors.scss +111 -90
  6. data/app/assets/stylesheets/sass-zero/variables/effects.scss +2 -2
  7. data/app/assets/stylesheets/sass-zero/variables/width.scss +1 -0
  8. data/lib/sass/zero/version.rb +1 -1
  9. data/package.json +1 -1
  10. metadata +2 -2
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
data/app/assets/stylesheets/sass-zero/base/breadboard.scss CHANGED
@@ -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 {
data/app/assets/stylesheets/sass-zero/mixins.scss CHANGED
@@ -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;
data/app/assets/stylesheets/sass-zero/utilities/text.scss CHANGED
@@ -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
 
data/app/assets/stylesheets/sass-zero/variables/colors.scss CHANGED
@@ -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;
data/app/assets/stylesheets/sass-zero/variables/effects.scss CHANGED
@@ -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
  // *******************************************************************
data/app/assets/stylesheets/sass-zero/variables/width.scss CHANGED
@@ -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
 
data/lib/sass/zero/version.rb CHANGED
@@ -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
data/package.json CHANGED
@@ -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