sass-zero 0.0.43 → 0.0.44
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 +29 -43
- data/lib/sass/zero/version.rb +1 -1
- data/package.json +1 -1
- metadata +5 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1bedb80a3b82ff395f4fcb62ace52fa617d6dfbf57071c0ccfbe896cf07927e8
|
|
4
|
+
data.tar.gz: 0af153c127e2f31ebcf72b198b6524599d5a3a1e0346568ff175c20c51ebb398
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 8c9d00ad068770c7f76c458ffd0111c96f6a673a6397a8999df4394275a648451dc93f977f67dace21a1a7ce5451c7b4caab1080220301f073d7aae06c227e04
|
|
7
|
+
data.tar.gz: 72a68175415ff39c9e565a851af374bbd3ab1587d3d72bca6ea7f151e8af0958618cd434aaaf2d889be141ca91c97a8a4b6a5cb28273b60c4917d1e99632e307
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
@import "sass-zero/variables";
|
|
2
2
|
@import "sass-zero/mixins";
|
|
3
3
|
|
|
4
|
-
:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
4
|
+
$color-bg--main: $white;
|
|
5
|
+
$color-bg--surface: $gray-100;
|
|
6
|
+
$color-primary: $gray-900;
|
|
7
|
+
$color-txt: $gray-900;
|
|
8
|
+
$color-focus-ring: rgba($gray-900, $opacity-50);
|
|
9
|
+
|
|
10
|
+
$image-bg-select-black: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>');
|
|
11
|
+
$image-checked-checkbox-white: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
|
|
12
|
+
$image-checked-radio-white: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>');
|
|
14
13
|
|
|
15
14
|
html {
|
|
16
|
-
background:
|
|
17
|
-
color:
|
|
15
|
+
background: $color-bg--main;
|
|
16
|
+
color: $color-txt;
|
|
18
17
|
font-size: 14px;
|
|
19
18
|
}
|
|
20
19
|
|
|
@@ -24,7 +23,7 @@ main {
|
|
|
24
23
|
}
|
|
25
24
|
|
|
26
25
|
blockquote {
|
|
27
|
-
border-color:
|
|
26
|
+
border-color: $color-primary;
|
|
28
27
|
border-left-width: $border-4;
|
|
29
28
|
padding: $size-3 $size-4;
|
|
30
29
|
}
|
|
@@ -38,7 +37,7 @@ blockquote {
|
|
|
38
37
|
cursor: pointer;
|
|
39
38
|
|
|
40
39
|
&:focus {
|
|
41
|
-
outline: 2px dotted
|
|
40
|
+
outline: 2px dotted $color-primary;
|
|
42
41
|
outline-offset: 2px;
|
|
43
42
|
}
|
|
44
43
|
|
|
@@ -48,14 +47,14 @@ blockquote {
|
|
|
48
47
|
}
|
|
49
48
|
|
|
50
49
|
&--primary {
|
|
51
|
-
background-color:
|
|
52
|
-
border-color:
|
|
53
|
-
color:
|
|
50
|
+
background-color: $color-primary;
|
|
51
|
+
border-color: $color-primary;
|
|
52
|
+
color: $color-bg--main;
|
|
54
53
|
}
|
|
55
54
|
|
|
56
55
|
&--secondary {
|
|
57
|
-
background-color:
|
|
58
|
-
border-color:
|
|
56
|
+
background-color: $color-bg--main;
|
|
57
|
+
border-color: $color-primary;
|
|
59
58
|
}
|
|
60
59
|
|
|
61
60
|
&--tertiary {
|
|
@@ -65,7 +64,7 @@ blockquote {
|
|
|
65
64
|
}
|
|
66
65
|
|
|
67
66
|
code {
|
|
68
|
-
background-color:
|
|
67
|
+
background-color: $color-bg--surface;
|
|
69
68
|
border-radius: $rounded;
|
|
70
69
|
font-size: $text-sm;
|
|
71
70
|
margin: $size-0 $size-1;
|
|
@@ -74,8 +73,8 @@ code {
|
|
|
74
73
|
}
|
|
75
74
|
|
|
76
75
|
pre {
|
|
77
|
-
background-color:
|
|
78
|
-
border-color:
|
|
76
|
+
background-color: $color-bg--surface;
|
|
77
|
+
border-color: $color-primary;
|
|
79
78
|
border-left-width: $border-4;
|
|
80
79
|
overflow-y: hidden;
|
|
81
80
|
|
|
@@ -100,7 +99,7 @@ hr {
|
|
|
100
99
|
width: $size-full;
|
|
101
100
|
|
|
102
101
|
&--select {
|
|
103
|
-
background-image:
|
|
102
|
+
background-image: $image-bg-select-black;
|
|
104
103
|
background-position: right $size-2 center;
|
|
105
104
|
background-repeat: no-repeat;
|
|
106
105
|
background-size: auto $size-5;
|
|
@@ -108,37 +107,37 @@ hr {
|
|
|
108
107
|
}
|
|
109
108
|
|
|
110
109
|
&:focus {
|
|
111
|
-
box-shadow: ring($color:
|
|
110
|
+
box-shadow: ring($color: $color-focus-ring);
|
|
112
111
|
@include outline-none;
|
|
113
112
|
}
|
|
114
113
|
}
|
|
115
114
|
|
|
116
115
|
.checkbox {
|
|
117
116
|
border-radius: $rounded;
|
|
118
|
-
@include input-selection(
|
|
117
|
+
@include input-selection($color-primary);
|
|
119
118
|
|
|
120
119
|
&:checked {
|
|
121
|
-
background-image:
|
|
120
|
+
background-image: $image-checked-checkbox-white;
|
|
122
121
|
@include checked;
|
|
123
122
|
}
|
|
124
123
|
|
|
125
124
|
&:focus {
|
|
126
|
-
box-shadow: ring($color:
|
|
125
|
+
box-shadow: ring($color: $color-focus-ring);
|
|
127
126
|
@include outline-none;
|
|
128
127
|
}
|
|
129
128
|
}
|
|
130
129
|
|
|
131
130
|
.radio {
|
|
132
131
|
border-radius: $rounded-full;
|
|
133
|
-
@include input-selection(
|
|
132
|
+
@include input-selection($color-primary);
|
|
134
133
|
|
|
135
134
|
&:checked {
|
|
136
|
-
background-image:
|
|
135
|
+
background-image: $image-checked-radio-white;
|
|
137
136
|
@include checked;
|
|
138
137
|
}
|
|
139
138
|
|
|
140
139
|
&:focus {
|
|
141
|
-
box-shadow: ring($color:
|
|
140
|
+
box-shadow: ring($color: $color-focus-ring);
|
|
142
141
|
@include outline-none;
|
|
143
142
|
}
|
|
144
143
|
}
|
|
@@ -211,19 +210,6 @@ h6, .hdg--base {
|
|
|
211
210
|
font-size: $text-base;
|
|
212
211
|
}
|
|
213
212
|
|
|
214
|
-
@media (prefers-color-scheme: dark) {
|
|
215
|
-
:root {
|
|
216
|
-
--color-bg--main: #{$gray-900};
|
|
217
|
-
--color-bg--surface: #{$gray-800};
|
|
218
|
-
--color-primary: #{$white};
|
|
219
|
-
--color-txt: #{$white};
|
|
220
|
-
--color-focus-ring: #{rgba($gray-100, 0.5)};
|
|
221
|
-
--image-bg-select: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>');
|
|
222
|
-
--image-checked-checkbox: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
|
|
223
|
-
--image-checked-radio: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>');
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
|
|
227
213
|
@media (min-width: $breakpoint-md) {
|
|
228
214
|
html { font-size: 16px; }
|
|
229
215
|
main { @include make-container($size-10, $breakpoint-xl); }
|
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.44",
|
|
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,11 +1,11 @@
|
|
|
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.44
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- lazaronixon
|
|
8
|
-
autorequire:
|
|
8
|
+
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
11
|
date: 2020-12-15 00:00:00.000000000 Z
|
|
@@ -24,7 +24,7 @@ dependencies:
|
|
|
24
24
|
- - ">="
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
26
|
version: 9.7.4
|
|
27
|
-
description:
|
|
27
|
+
description:
|
|
28
28
|
email:
|
|
29
29
|
- lazaronixon@hotmail.com
|
|
30
30
|
executables: []
|
|
@@ -73,7 +73,7 @@ homepage: http://github.com/lazaronixon/sass-zero
|
|
|
73
73
|
licenses:
|
|
74
74
|
- MIT
|
|
75
75
|
metadata: {}
|
|
76
|
-
post_install_message:
|
|
76
|
+
post_install_message:
|
|
77
77
|
rdoc_options: []
|
|
78
78
|
require_paths:
|
|
79
79
|
- lib
|
|
@@ -89,7 +89,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
89
89
|
version: '0'
|
|
90
90
|
requirements: []
|
|
91
91
|
rubygems_version: 3.1.4
|
|
92
|
-
signing_key:
|
|
92
|
+
signing_key:
|
|
93
93
|
specification_version: 4
|
|
94
94
|
summary: A CSS framework for rapid UI development based on tailwindcss, miligram and
|
|
95
95
|
BEM.
|