sass-zero 0.0.43 → 0.0.44
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 +4 -4
- data/app/assets/stylesheets/sass-zero/breadboard.scss +29 -43
- data/lib/sass/zero/version.rb +1 -1
- data/package.json +1 -1
- metadata +5 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1bedb80a3b82ff395f4fcb62ace52fa617d6dfbf57071c0ccfbe896cf07927e8
|
|
4
|
+
data.tar.gz: 0af153c127e2f31ebcf72b198b6524599d5a3a1e0346568ff175c20c51ebb398
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8c9d00ad068770c7f76c458ffd0111c96f6a673a6397a8999df4394275a648451dc93f977f67dace21a1a7ce5451c7b4caab1080220301f073d7aae06c227e04
|
|
7
|
+
data.tar.gz: 72a68175415ff39c9e565a851af374bbd3ab1587d3d72bca6ea7f151e8af0958618cd434aaaf2d889be141ca91c97a8a4b6a5cb28273b60c4917d1e99632e307
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
@import "sass-zero/variables";
|
|
2
2
|
@import "sass-zero/mixins";
|
|
3
3
|
|
|
4
|
-
:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
4
|
+
$color-bg--main: $white;
|
|
5
|
+
$color-bg--surface: $gray-100;
|
|
6
|
+
$color-primary: $gray-900;
|
|
7
|
+
$color-txt: $gray-900;
|
|
8
|
+
$color-focus-ring: rgba($gray-900, $opacity-50);
|
|
9
|
+
|
|
10
|
+
$image-bg-select-black: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>');
|
|
11
|
+
$image-checked-checkbox-white: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
|
|
12
|
+
$image-checked-radio-white: 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>');
|
|
14
13
|
|
|
15
14
|
html {
|
|
16
|
-
background:
|
|
17
|
-
color:
|
|
15
|
+
background: $color-bg--main;
|
|
16
|
+
color: $color-txt;
|
|
18
17
|
font-size: 14px;
|
|
19
18
|
}
|
|
20
19
|
|
|
@@ -24,7 +23,7 @@ main {
|
|
|
24
23
|
}
|
|
25
24
|
|
|
26
25
|
blockquote {
|
|
27
|
-
border-color:
|
|
26
|
+
border-color: $color-primary;
|
|
28
27
|
border-left-width: $border-4;
|
|
29
28
|
padding: $size-3 $size-4;
|
|
30
29
|
}
|
|
@@ -38,7 +37,7 @@ blockquote {
|
|
|
38
37
|
cursor: pointer;
|
|
39
38
|
|
|
40
39
|
&:focus {
|
|
41
|
-
outline: 2px dotted
|
|
40
|
+
outline: 2px dotted $color-primary;
|
|
42
41
|
outline-offset: 2px;
|
|
43
42
|
}
|
|
44
43
|
|
|
@@ -48,14 +47,14 @@ blockquote {
|
|
|
48
47
|
}
|
|
49
48
|
|
|
50
49
|
&--primary {
|
|
51
|
-
background-color:
|
|
52
|
-
border-color:
|
|
53
|
-
color:
|
|
50
|
+
background-color: $color-primary;
|
|
51
|
+
border-color: $color-primary;
|
|
52
|
+
color: $color-bg--main;
|
|
54
53
|
}
|
|
55
54
|
|
|
56
55
|
&--secondary {
|
|
57
|
-
background-color:
|
|
58
|
-
border-color:
|
|
56
|
+
background-color: $color-bg--main;
|
|
57
|
+
border-color: $color-primary;
|
|
59
58
|
}
|
|
60
59
|
|
|
61
60
|
&--tertiary {
|
|
@@ -65,7 +64,7 @@ blockquote {
|
|
|
65
64
|
}
|
|
66
65
|
|
|
67
66
|
code {
|
|
68
|
-
background-color:
|
|
67
|
+
background-color: $color-bg--surface;
|
|
69
68
|
border-radius: $rounded;
|
|
70
69
|
font-size: $text-sm;
|
|
71
70
|
margin: $size-0 $size-1;
|
|
@@ -74,8 +73,8 @@ code {
|
|
|
74
73
|
}
|
|
75
74
|
|
|
76
75
|
pre {
|
|
77
|
-
background-color:
|
|
78
|
-
border-color:
|
|
76
|
+
background-color: $color-bg--surface;
|
|
77
|
+
border-color: $color-primary;
|
|
79
78
|
border-left-width: $border-4;
|
|
80
79
|
overflow-y: hidden;
|
|
81
80
|
|
|
@@ -100,7 +99,7 @@ hr {
|
|
|
100
99
|
width: $size-full;
|
|
101
100
|
|
|
102
101
|
&--select {
|
|
103
|
-
background-image:
|
|
102
|
+
background-image: $image-bg-select-black;
|
|
104
103
|
background-position: right $size-2 center;
|
|
105
104
|
background-repeat: no-repeat;
|
|
106
105
|
background-size: auto $size-5;
|
|
@@ -108,37 +107,37 @@ hr {
|
|
|
108
107
|
}
|
|
109
108
|
|
|
110
109
|
&:focus {
|
|
111
|
-
box-shadow: ring($color:
|
|
110
|
+
box-shadow: ring($color: $color-focus-ring);
|
|
112
111
|
@include outline-none;
|
|
113
112
|
}
|
|
114
113
|
}
|
|
115
114
|
|
|
116
115
|
.checkbox {
|
|
117
116
|
border-radius: $rounded;
|
|
118
|
-
@include input-selection(
|
|
117
|
+
@include input-selection($color-primary);
|
|
119
118
|
|
|
120
119
|
&:checked {
|
|
121
|
-
background-image:
|
|
120
|
+
background-image: $image-checked-checkbox-white;
|
|
122
121
|
@include checked;
|
|
123
122
|
}
|
|
124
123
|
|
|
125
124
|
&:focus {
|
|
126
|
-
box-shadow: ring($color:
|
|
125
|
+
box-shadow: ring($color: $color-focus-ring);
|
|
127
126
|
@include outline-none;
|
|
128
127
|
}
|
|
129
128
|
}
|
|
130
129
|
|
|
131
130
|
.radio {
|
|
132
131
|
border-radius: $rounded-full;
|
|
133
|
-
@include input-selection(
|
|
132
|
+
@include input-selection($color-primary);
|
|
134
133
|
|
|
135
134
|
&:checked {
|
|
136
|
-
background-image:
|
|
135
|
+
background-image: $image-checked-radio-white;
|
|
137
136
|
@include checked;
|
|
138
137
|
}
|
|
139
138
|
|
|
140
139
|
&:focus {
|
|
141
|
-
box-shadow: ring($color:
|
|
140
|
+
box-shadow: ring($color: $color-focus-ring);
|
|
142
141
|
@include outline-none;
|
|
143
142
|
}
|
|
144
143
|
}
|
|
@@ -211,19 +210,6 @@ h6, .hdg--base {
|
|
|
211
210
|
font-size: $text-base;
|
|
212
211
|
}
|
|
213
212
|
|
|
214
|
-
@media (prefers-color-scheme: dark) {
|
|
215
|
-
:root {
|
|
216
|
-
--color-bg--main: #{$gray-900};
|
|
217
|
-
--color-bg--surface: #{$gray-800};
|
|
218
|
-
--color-primary: #{$white};
|
|
219
|
-
--color-txt: #{$white};
|
|
220
|
-
--color-focus-ring: #{rgba($gray-100, 0.5)};
|
|
221
|
-
--image-bg-select: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>');
|
|
222
|
-
--image-checked-checkbox: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
|
|
223
|
-
--image-checked-radio: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>');
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
|
|
227
213
|
@media (min-width: $breakpoint-md) {
|
|
228
214
|
html { font-size: 16px; }
|
|
229
215
|
main { @include make-container($size-10, $breakpoint-xl); }
|
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.44",
|
|
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,11 +1,11 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sass-zero
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.44
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- lazaronixon
|
|
8
|
-
autorequire:
|
|
8
|
+
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
11
|
date: 2020-12-15 00:00:00.000000000 Z
|
|
@@ -24,7 +24,7 @@ dependencies:
|
|
|
24
24
|
- - ">="
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
26
|
version: 9.7.4
|
|
27
|
-
description:
|
|
27
|
+
description:
|
|
28
28
|
email:
|
|
29
29
|
- lazaronixon@hotmail.com
|
|
30
30
|
executables: []
|
|
@@ -73,7 +73,7 @@ homepage: http://github.com/lazaronixon/sass-zero
|
|
|
73
73
|
licenses:
|
|
74
74
|
- MIT
|
|
75
75
|
metadata: {}
|
|
76
|
-
post_install_message:
|
|
76
|
+
post_install_message:
|
|
77
77
|
rdoc_options: []
|
|
78
78
|
require_paths:
|
|
79
79
|
- lib
|
|
@@ -89,7 +89,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
89
89
|
version: '0'
|
|
90
90
|
requirements: []
|
|
91
91
|
rubygems_version: 3.1.4
|
|
92
|
-
signing_key:
|
|
92
|
+
signing_key:
|
|
93
93
|
specification_version: 4
|
|
94
94
|
summary: A CSS framework for rapid UI development based on tailwindcss, miligram and
|
|
95
95
|
BEM.
|