sass-zero 0.0.37 → 0.0.38

Sign up to get free protection for your applications and to get access to all the features.
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