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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 46882627e2285dd456431a286653f50b753313f0d7e6ee9900c728a217d515c2
4
- data.tar.gz: 37e6d78084555610d127df0ed38dbce0415dfe90ad83bf281a3daeb3e128d1bd
3
+ metadata.gz: 41f5961f2e4121bcc2bf748c61346efa6936d44f5111d51262ecaf45b174d17f
4
+ data.tar.gz: 759ced164e039dfdfb0f6291a5ec05aa31afce6af6ae1c4fef8b48dc159d6ddd
5
5
  SHA512:
6
- metadata.gz: 245dd86d9fee9a4b9cc128d9c59bfd838e28199becfa3fc6847e16d8e1d177814d17466ac945b736556cb32db0e39dee18fdb31bca5d2cafce6326bf9abd84a9
7
- data.tar.gz: 63689367de8c57239f859e630602259236bd6796d3d65fa018ac8771aa785f23cb076333573658d977812558825cbe197ef38d163c82257a4ea894bdc544da21
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
- <label for="progres" class="u-display-b txt--bold">Progress</label>
141
- <progress id="progres" max="100" value="70">70%</progress>
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">&times;</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
- ![screenshot](https://nixo-etc.s3-sa-east-1.amazonaws.com/sass-zero-screenshot.png)
5
+ ![screenshot](https://nixo-etc.s3-sa-east-1.amazonaws.com/sass-zero-screenshot-2.png)
6
6
 
7
7
  ### Milligram
8
8
 
@@ -3,8 +3,8 @@
3
3
 
4
4
  $font-family: $font-sans;
5
5
 
6
- $radius-input: $rounded;
7
- $radius-button: $rounded;
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-60)};
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-60)};
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-button;
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
- @include progress-bar {
204
- background-color: var(--color-primary);
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 {
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.0.7"
3
+ VERSION = "1.0.8"
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sass-zero",
3
- "version": "1.0.7",
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.7
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-07 00:00:00.000000000 Z
11
+ date: 2022-02-08 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email: