sass-zero 1.0.8 → 1.0.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Example.html +5 -5
- data/app/assets/stylesheets/sass-zero/breadboard.scss +1 -18
- data/app/assets/stylesheets/sass-zero/mixins.scss +0 -10
- data/lib/sass/zero/version.rb +1 -1
- data/package.json +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b5659e49579ad584864c8f31503efcb6157ac2d840433af384368e15aa03d6b8
|
4
|
+
data.tar.gz: c96bc947bd98a65642391a7f2a34d3097054b2be7f0b9833390de3fbdc18d232
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 63201f3571e76a7775d590efb37c959452fbd8ccb658d0065afd7ab3edd9869c88674690327c2b8e2e9ba857c69c6abf31a454e437ec9d4cffcd20bb64873820
|
7
|
+
data.tar.gz: 212e63c5e6be1bb579d06cee1fd019da1594b7816394f08a89a7b46d52208109bf3b7408ff6d5cd97167f78105e813375eeb2099e87c0c76e91092e1c6d8f989
|
data/Example.html
CHANGED
@@ -52,7 +52,7 @@
|
|
52
52
|
<textarea placeholder="Hi CJ …" id="commentField" rows="3" class="input"></textarea>
|
53
53
|
|
54
54
|
<fieldset>
|
55
|
-
<legend>Choose your options</legend>
|
55
|
+
<legend class="txt--bold">Choose your options</legend>
|
56
56
|
|
57
57
|
<div>
|
58
58
|
<input type="checkbox" id="option1" name="option1" value="1" checked>
|
@@ -69,7 +69,7 @@
|
|
69
69
|
</fieldset>
|
70
70
|
|
71
71
|
<fieldset>
|
72
|
-
<legend>Choose your option</legend>
|
72
|
+
<legend class="txt--bold">Choose your option</legend>
|
73
73
|
|
74
74
|
<div>
|
75
75
|
<input type="radio" id="radio1" name="radio" value="1" checked>
|
@@ -144,9 +144,9 @@
|
|
144
144
|
|
145
145
|
<div class="push-3xl--bottom">
|
146
146
|
<dialog open>
|
147
|
-
|
148
|
-
|
149
|
-
<button type="submit" value="dismiss">×</button>
|
147
|
+
<form method="dialog">
|
148
|
+
<span>User was successfully created.</span>
|
149
|
+
<button type="submit" value="dismiss" class="push-xs--left txt--lg">×</button>
|
150
150
|
</form>
|
151
151
|
</dialog>
|
152
152
|
</div>
|
@@ -12,7 +12,6 @@ $radius-default: $rounded;
|
|
12
12
|
--color-bg--highlight: #{$gray-200};
|
13
13
|
--color-primary: #{$gray-900};
|
14
14
|
--color-text: #{$gray-900};
|
15
|
-
--color-focus-ring: #{rgba($black, $opacity-50)};
|
16
15
|
}
|
17
16
|
|
18
17
|
@media (prefers-color-scheme: dark) {
|
@@ -22,7 +21,6 @@ $radius-default: $rounded;
|
|
22
21
|
--color-bg--highlight: #{$gray-700};
|
23
22
|
--color-primary: #{$white};
|
24
23
|
--color-text: #{$white};
|
25
|
-
--color-focus-ring: #{rgba($white, $opacity-50)};
|
26
24
|
}
|
27
25
|
}
|
28
26
|
|
@@ -66,11 +64,6 @@ html {
|
|
66
64
|
font-size: 1.25em;
|
67
65
|
}
|
68
66
|
|
69
|
-
&:focus {
|
70
|
-
box-shadow: ring($color: var(--color-focus-ring));
|
71
|
-
@include outline-none;
|
72
|
-
}
|
73
|
-
|
74
67
|
&:disabled {
|
75
68
|
pointer-events: none;
|
76
69
|
opacity: $opacity-50;
|
@@ -97,11 +90,6 @@ html {
|
|
97
90
|
background-size: 5px 5px, 5px 5px;
|
98
91
|
}
|
99
92
|
|
100
|
-
&:focus {
|
101
|
-
box-shadow: ring($color: var(--color-focus-ring));
|
102
|
-
@include outline-none;
|
103
|
-
}
|
104
|
-
|
105
93
|
&:disabled {
|
106
94
|
pointer-events: none;
|
107
95
|
opacity: $opacity-50;
|
@@ -111,11 +99,6 @@ html {
|
|
111
99
|
input[type="checkbox"], input[type="radio"] {
|
112
100
|
transform: scale(1.2, 1.2);
|
113
101
|
margin: $size-1;
|
114
|
-
|
115
|
-
&:focus {
|
116
|
-
box-shadow: ring($color: var(--color-focus-ring));
|
117
|
-
@include outline-none;
|
118
|
-
}
|
119
102
|
}
|
120
103
|
|
121
104
|
blockquote {
|
@@ -179,7 +162,7 @@ ol {
|
|
179
162
|
list-style: decimal outside;
|
180
163
|
}
|
181
164
|
|
182
|
-
|
165
|
+
dt {
|
183
166
|
font-weight: $font-bold;
|
184
167
|
}
|
185
168
|
|
@@ -24,16 +24,6 @@
|
|
24
24
|
outline-offset: 2px;
|
25
25
|
}
|
26
26
|
|
27
|
-
@mixin outline-white {
|
28
|
-
outline: 2px dotted white;
|
29
|
-
outline-offset: 2px;
|
30
|
-
}
|
31
|
-
|
32
|
-
@mixin outline-black {
|
33
|
-
outline: 2px dotted black;
|
34
|
-
outline-offset: 2px;
|
35
|
-
}
|
36
|
-
|
37
27
|
@mixin progress-bar {
|
38
28
|
::-webkit-progress-value {
|
39
29
|
@content;
|
data/lib/sass/zero/version.rb
CHANGED
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "sass-zero",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.9",
|
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",
|