sass-zero 1.0.7 → 1.0.8
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/Example.html +13 -2
- data/README.md +1 -1
- data/app/assets/stylesheets/sass-zero/breadboard.scss +20 -9
- data/lib/sass/zero/version.rb +1 -1
- data/package.json +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 41f5961f2e4121bcc2bf748c61346efa6936d44f5111d51262ecaf45b174d17f
|
|
4
|
+
data.tar.gz: 759ced164e039dfdfb0f6291a5ec05aa31afce6af6ae1c4fef8b48dc159d6ddd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 265d6df80f8ceb1aa0527427d833a09f9605cabb668bc8fb851f435201f671db52fafc1e5e35ad02b9ab69185f06cb605e28ce7026a33e8d4c21eaed6fa71021
|
|
7
|
+
data.tar.gz: 71a935136ad83536ee5f4f782f27fb70456183221c5f6386572a0f61cbff4f11dc29068da86824447179261f3f010b32ec81b9f0609172f7b9ccc2347547517d
|
data/Example.html
CHANGED
|
@@ -137,8 +137,19 @@
|
|
|
137
137
|
</code>
|
|
138
138
|
</div>
|
|
139
139
|
|
|
140
|
-
<
|
|
141
|
-
|
|
140
|
+
<div class="push-md--bottom">
|
|
141
|
+
<label for="progres" class="u-display-b txt--bold">Progress</label>
|
|
142
|
+
<progress id="progres" max="100" value="70">70%</progress>
|
|
143
|
+
</div>
|
|
144
|
+
|
|
145
|
+
<div class="push-3xl--bottom">
|
|
146
|
+
<dialog open>
|
|
147
|
+
User was successfully created.
|
|
148
|
+
<form method="dialog" class="u-display-ib push-md--left txt--lg">
|
|
149
|
+
<button type="submit" value="dismiss">×</button>
|
|
150
|
+
</form>
|
|
151
|
+
</dialog>
|
|
152
|
+
</div>
|
|
142
153
|
|
|
143
154
|
<hr>
|
|
144
155
|
|
data/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
SASS-ZERO is a css framework that brings concepts from [tailwindcss](https://tailwindcss.com) and [milligram](https://milligram.io) but with ideas from [BEM](http://getbem.com/naming), [Refactoring UI](https://refactoringui.com/book) and [Shape UP](https://basecamp.com/shapeup).
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
|
|
7
7
|
### Milligram
|
|
8
8
|
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
$font-family: $font-sans;
|
|
5
5
|
|
|
6
|
-
$radius-input:
|
|
7
|
-
$radius-
|
|
6
|
+
$radius-input: $rounded;
|
|
7
|
+
$radius-default: $rounded;
|
|
8
8
|
|
|
9
9
|
:root {
|
|
10
10
|
--color-bg--main: #{$white};
|
|
@@ -12,7 +12,7 @@ $radius-button: $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-
|
|
15
|
+
--color-focus-ring: #{rgba($black, $opacity-50)};
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
@media (prefers-color-scheme: dark) {
|
|
@@ -22,7 +22,7 @@ $radius-button: $rounded;
|
|
|
22
22
|
--color-bg--highlight: #{$gray-700};
|
|
23
23
|
--color-primary: #{$white};
|
|
24
24
|
--color-text: #{$white};
|
|
25
|
-
--color-focus-ring: #{rgba($white, $opacity-
|
|
25
|
+
--color-focus-ring: #{rgba($white, $opacity-50)};
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
|
|
@@ -34,7 +34,7 @@ html {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.btn {
|
|
37
|
-
border-radius: $radius-
|
|
37
|
+
border-radius: $radius-default;
|
|
38
38
|
border-width: $border;
|
|
39
39
|
display: inline-block;
|
|
40
40
|
font-weight: $font-bold;
|
|
@@ -50,7 +50,6 @@ html {
|
|
|
50
50
|
&--secondary {
|
|
51
51
|
background-color: var(--color-bg--main);
|
|
52
52
|
border-color: var(--color-primary);
|
|
53
|
-
color: var(--color-primary);
|
|
54
53
|
}
|
|
55
54
|
|
|
56
55
|
&--tertiary {
|
|
@@ -200,18 +199,30 @@ table, progress, details, blockquote, figure, pre, ul, ol, dl, p {
|
|
|
200
199
|
margin-bottom: $size-6;
|
|
201
200
|
}
|
|
202
201
|
|
|
203
|
-
|
|
204
|
-
background-color: var(--color-
|
|
202
|
+
dialog {
|
|
203
|
+
background-color: var(--color-bg--surface);
|
|
204
|
+
border-radius: $radius-default;
|
|
205
|
+
padding: $size-3 $size-4;
|
|
206
|
+
box-shadow: $shadow-md;
|
|
207
|
+
color: inherit;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
dialog::backdrop {
|
|
211
|
+
background-color: rgba($gray-500, $opacity-75);
|
|
205
212
|
}
|
|
206
213
|
|
|
207
214
|
progress {
|
|
208
215
|
background-color: var(--color-bg--surface);
|
|
209
216
|
}
|
|
210
217
|
|
|
218
|
+
@include progress-bar {
|
|
219
|
+
background-color: var(--color-primary);
|
|
220
|
+
}
|
|
221
|
+
|
|
211
222
|
details {
|
|
212
|
-
padding: $size-2 $size-3;
|
|
213
223
|
background-color: var(--color-bg--surface);
|
|
214
224
|
border-left-width: $border-4;
|
|
225
|
+
padding: $size-2 $size-3;
|
|
215
226
|
}
|
|
216
227
|
|
|
217
228
|
summary {
|
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.8",
|
|
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: 1.0.
|
|
4
|
+
version: 1.0.8
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- lazaronixon
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-02-
|
|
11
|
+
date: 2022-02-08 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email:
|