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 +4 -4
- data/Example.html +16 -6
- data/README.md +2 -1
- data/app/assets/stylesheets/sass-zero/breadboard.scss +38 -10
- 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: 1d59dcac8d72f42763e08239e15c235964dac127c94acf45f09964919f01cfa9
|
|
4
|
+
data.tar.gz: ce884ee7a8cf2612e37852f294be33be241d62c3a7c3f77e250a4aec47ec3e0b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
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"
|
|
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
|
-
<
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
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
|
@@ -7,11 +7,12 @@ $radius-input: $rounded;
|
|
|
7
7
|
$radius-button: $rounded;
|
|
8
8
|
|
|
9
9
|
:root {
|
|
10
|
-
--color-bg--main:
|
|
11
|
-
--color-bg--surface:
|
|
12
|
-
--color-
|
|
13
|
-
--color-
|
|
14
|
-
--color-
|
|
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-
|
|
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:
|
|
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
|
-
|
|
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
|
}
|
data/lib/sass/zero/version.rb
CHANGED
data/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sass-zero",
|
|
3
|
-
"version": "0.0.
|
|
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.
|
|
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
|
+
date: 2022-01-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email:
|