sass-zero 0.0.57 → 0.0.58
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/sass-zero/breadboard.scss +20 -6
- 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: '0495f5c1711cbe1d7fa9fc1ef264522dc5684f9229eddd808b70a191910a8070'
|
|
4
|
+
data.tar.gz: e92f3f0ab36b10b0747bfec381fc170669b0ca3f18e888c61f1980aff29b19a9
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ff787f9232779444363027e93241bc246ae19bef623502f58eed52a06322cf50bc50018d636e5d4348fd7fc4e893f6b05a3e88b95a15c77bf55c9b6a5f68486d
|
|
7
|
+
data.tar.gz: 1e404d206ac5cce0c669190cac0618f6315f7de0093900abde3a77d0b222fc617486223b28831bffc429fcbde1f9f1ac22ab1160f6ebc9a93ec12ca0fae43381
|
|
@@ -12,7 +12,18 @@ $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($
|
|
15
|
+
--color-focus-ring: #{rgba($black, $opacity-60)};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (prefers-color-scheme: dark) {
|
|
19
|
+
:root {
|
|
20
|
+
--color-bg--main: #{$gray-900};
|
|
21
|
+
--color-bg--surface: #{$gray-800};
|
|
22
|
+
--color-bg--highlight: #{$gray-700};
|
|
23
|
+
--color-primary: #{$white};
|
|
24
|
+
--color-text: #{$white};
|
|
25
|
+
--color-focus-ring: #{rgba($white, $opacity-60)};
|
|
26
|
+
}
|
|
16
27
|
}
|
|
17
28
|
|
|
18
29
|
html {
|
|
@@ -61,14 +72,16 @@ html {
|
|
|
61
72
|
.input {
|
|
62
73
|
resize: none;
|
|
63
74
|
appearance: none;
|
|
64
|
-
background-color:
|
|
75
|
+
background-color: var(--color-bg--main);
|
|
65
76
|
border-radius: $radius-input;
|
|
66
77
|
border-width: $border;
|
|
67
78
|
padding: $size-2 $size-3;
|
|
68
79
|
width: $w-full;
|
|
69
80
|
|
|
70
81
|
&--select {
|
|
71
|
-
background-image:
|
|
82
|
+
background-image:
|
|
83
|
+
linear-gradient(45deg, transparent 49%, var(--color-text) 51%),
|
|
84
|
+
linear-gradient(135deg, var(--color-text) 51%, transparent 49%);
|
|
72
85
|
background-position: calc(100% - 20px), calc(100% - 15px);
|
|
73
86
|
background-repeat: no-repeat;
|
|
74
87
|
background-size: 5px 5px, 5px 5px;
|
|
@@ -103,7 +116,7 @@ code {
|
|
|
103
116
|
background-color: var(--color-bg--surface);
|
|
104
117
|
border-radius: $rounded;
|
|
105
118
|
font-size: $text-sm;
|
|
106
|
-
padding: $size-1
|
|
119
|
+
padding: $size-1;
|
|
107
120
|
white-space: nowrap;
|
|
108
121
|
}
|
|
109
122
|
|
|
@@ -124,14 +137,15 @@ kbd {
|
|
|
124
137
|
background-color: var(--color-primary);
|
|
125
138
|
border-radius: $rounded;
|
|
126
139
|
font-size: $text-sm;
|
|
127
|
-
padding: $size-1
|
|
140
|
+
padding: $size-1;
|
|
128
141
|
color: var(--color-bg--main);
|
|
129
142
|
}
|
|
130
143
|
|
|
131
144
|
mark {
|
|
132
145
|
background-color: var(--color-bg--highlight);
|
|
133
146
|
border-radius: $rounded;
|
|
134
|
-
padding: $size-1
|
|
147
|
+
padding: $size-1;
|
|
148
|
+
color: inherit;
|
|
135
149
|
}
|
|
136
150
|
|
|
137
151
|
hr {
|
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.58",
|
|
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.58
|
|
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-13 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email:
|