sass-zero 0.0.56 → 0.0.57

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: 681331b510c60fd1ab5c3b9b308a7818164ce3eef6ed19851c436e5a533b694f
4
- data.tar.gz: 1122523fea09214ded53cd922fe7fd0bf3ed0ed24cfa9d27538631ce98040a27
3
+ metadata.gz: 1d59dcac8d72f42763e08239e15c235964dac127c94acf45f09964919f01cfa9
4
+ data.tar.gz: ce884ee7a8cf2612e37852f294be33be241d62c3a7c3f77e250a4aec47ec3e0b
5
5
  SHA512:
6
- metadata.gz: 04da4bfeea03866a3c10fb8ffd1bb0f691d0d192faf483e433f9c5f0a867b50b42c0595076b34c83fae46748b26b926bac8b2cd4899e59e6670a560480b16622
7
- data.tar.gz: 93ec7018d346d113aaafdfa32645e6d9f9539a5bf1046dbe644e1a80a0022e3042a281f766c6d3f5e449876295f310a1dc91e67403a6d623fe3c772352de0a42
6
+ metadata.gz: d632a79c4cf523755d8e7059887c9f16074261de72c9bddec8dbec10bd2054c9cd72e86b52eaa1592806be40e9cad5b74acdb751b13ca738460a8a0b50092009
7
+ data.tar.gz: 441fe39c8be344a7cf6e433ec5f8cb410eca2fb03d70e2372df8b792e513974ffce9209cfca94ee85fce8d76cd66b82b75b5e7dee8911c9a07620401b5f656ff
data/Example.html CHANGED
@@ -5,6 +5,8 @@
5
5
  <small>Small</small>
6
6
  <strong>Strong</strong>
7
7
  <u>Underline</u>
8
+ <kbd>CTRL+C</kbd>
9
+ <mark>Highlighted text</mark>
8
10
  <h1>Heading</h1>
9
11
  <h2>Heading</h2>
10
12
  <h3>Heading</h3>
@@ -97,19 +99,27 @@
97
99
  </tbody>
98
100
  </table>
99
101
 
102
+ <details>
103
+ <summary class="txt--bold">Some details</summary>
104
+ <p>More info about the details.</p>
105
+ </details>
106
+
100
107
  <blockquote>
101
- <p class="flush"><em>Yeah!! Milligram is amazing.</em></p>
108
+ <p class="flush--bottom">Friends don’t spy; true friendship is about privacy, too.</p>
109
+ <cite>– Stephen King</cite>
102
110
  </blockquote>
103
111
 
104
112
  <pre><code>.milligram {
105
113
  color: #9b4dca;
106
114
  }</code></pre>
107
115
 
108
- <code>
109
- .milligram {
110
- color: #9b4dca;
111
- }
112
- </code>
116
+ <div class="push-md--bottom">
117
+ <code>
118
+ .milligram {
119
+ color: #9b4dca;
120
+ }
121
+ </code>
122
+ </div>
113
123
 
114
124
  <hr>
115
125
 
data/README.md CHANGED
@@ -70,7 +70,8 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
70
70
  Add this to your application's Gemfile:
71
71
 
72
72
  ```ruby
73
- gem 'sass-zero'
73
+ gem "sass-zero"
74
+ gem "autoprefixer-rails"
74
75
  ```
75
76
 
76
77
  ## Usage
@@ -7,11 +7,12 @@ $radius-input: $rounded;
7
7
  $radius-button: $rounded;
8
8
 
9
9
  :root {
10
- --color-bg--main: #{$white};
11
- --color-bg--surface: #{$gray-100};
12
- --color-primary: #{$gray-900};
13
- --color-text: #{$gray-900};
14
- --color-focus-ring: #{rgba($gray-900, $opacity-50)};
10
+ --color-bg--main: #{$white};
11
+ --color-bg--surface: #{$gray-100};
12
+ --color-bg--highlight: #{$gray-200};
13
+ --color-primary: #{$gray-900};
14
+ --color-text: #{$gray-900};
15
+ --color-focus-ring: #{rgba($gray-900, $opacity-50)};
15
16
  }
16
17
 
17
18
  html {
@@ -19,7 +20,6 @@ html {
19
20
  background: var(--color-bg--main);
20
21
  color: var(--color-text);
21
22
  font-family: $font-family;
22
- font-size: 16px;
23
23
  }
24
24
 
25
25
  .btn {
@@ -68,7 +68,7 @@ html {
68
68
  width: $w-full;
69
69
 
70
70
  &--select {
71
- background-image: linear-gradient(45deg, transparent 49%, var(--color-primary) 51%), linear-gradient(135deg, var(--color-primary) 51%, transparent 49%);
71
+ background-image: linear-gradient(45deg, transparent 49%, var(--color-text) 51%), linear-gradient(135deg, var(--color-text) 51%, transparent 49%);
72
72
  background-position: calc(100% - 20px), calc(100% - 15px);
73
73
  background-repeat: no-repeat;
74
74
  background-size: 5px 5px, 5px 5px;
@@ -82,9 +82,10 @@ html {
82
82
 
83
83
  input[type="checkbox"], input[type="radio"] {
84
84
  transform: scale(1.2, 1.2);
85
+ margin: $size-1;
85
86
 
86
87
  &:focus {
87
- box-shadow: ring($width: 1.5px, $color: var(--color-focus-ring));
88
+ box-shadow: ring($width: 2px, $color: var(--color-focus-ring));
88
89
  @include outline-none;
89
90
  }
90
91
  }
@@ -94,11 +95,14 @@ blockquote {
94
95
  padding: $size-3 $size-4;
95
96
  }
96
97
 
98
+ cite {
99
+ font-size: $text-sm;
100
+ }
101
+
97
102
  code {
98
103
  background-color: var(--color-bg--surface);
99
104
  border-radius: $rounded;
100
105
  font-size: $text-sm;
101
- margin: $size-0 $size-1;
102
106
  padding: $size-1 $size-2;
103
107
  white-space: nowrap;
104
108
  }
@@ -116,6 +120,20 @@ pre {
116
120
  }
117
121
  }
118
122
 
123
+ kbd {
124
+ background-color: var(--color-primary);
125
+ border-radius: $rounded;
126
+ font-size: $text-sm;
127
+ padding: $size-1 $size-2;
128
+ color: var(--color-bg--main);
129
+ }
130
+
131
+ mark {
132
+ background-color: var(--color-bg--highlight);
133
+ border-radius: $rounded;
134
+ padding: $size-1 $size-2;
135
+ }
136
+
119
137
  hr {
120
138
  margin: $size-6 $size-0;
121
139
  }
@@ -148,10 +166,20 @@ fieldset, .input {
148
166
  margin-bottom: $size-6;
149
167
  }
150
168
 
151
- blockquote, figure, p, pre, table, ul, ol, dl {
169
+ table, details, blockquote, p, pre, ul, ol, dl {
152
170
  margin-bottom: $size-6;
153
171
  }
154
172
 
173
+ details {
174
+ padding: $size-2 $size-3;
175
+ background-color: var(--color-bg--surface);
176
+ border-left-width: $border-4;
177
+ }
178
+
179
+ summary {
180
+ cursor: pointer;
181
+ }
182
+
155
183
  table {
156
184
  width: $w-full;
157
185
  }
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "0.0.56"
3
+ VERSION = "0.0.57"
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sass-zero",
3
- "version": "0.0.56",
3
+ "version": "0.0.57",
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: 0.0.56
4
+ version: 0.0.57
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-01-11 00:00:00.000000000 Z
11
+ date: 2022-01-12 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email: