sass-zero 1.0.7 → 1.0.8

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