sass-zero 0.0.35 → 0.0.36
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/app/assets/stylesheets/sass-zero/base/breadboard.scss +19 -27
- data/app/assets/stylesheets/sass-zero/mixins.scss +42 -0
- data/app/assets/stylesheets/sass-zero/utilities/list.scss +0 -6
- data/app/assets/stylesheets/sass-zero/utilities/text.scss +0 -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: 69d36f0d118f7d007821a29645e443e2d4ca54121c61ffa26aa4324f5dc408a9
|
|
4
|
+
data.tar.gz: 7f07b3f8f7c7767b504443697edc718624f743cc281c6d5a9903383f41af35ba
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: eea9d42ef13246e53687483061ce0a5684000910ed2c7dbd5cf82c722ed9a67f57847ececa2138dee1cd6e8d3accb079ed9cb54d5d0515e9cc2b5402faab2081
|
|
7
|
+
data.tar.gz: 878568d0674d1b4d18fe924e5aa8b855f7640e0d873c76176efd2f729d3faf1d26f66249aacfcf6b22d3f5bf97019f3f6a54c431050d40e0c8c5ad98885dacd5
|
|
@@ -86,6 +86,10 @@ hr {
|
|
|
86
86
|
padding: $size-2 $size-3;
|
|
87
87
|
width: $size-full;
|
|
88
88
|
|
|
89
|
+
&:focus {
|
|
90
|
+
@include focus;
|
|
91
|
+
}
|
|
92
|
+
|
|
89
93
|
&--select {
|
|
90
94
|
appearance: none;
|
|
91
95
|
background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="%23a0aec0" xmlns="http://www.w3.org/2000/svg"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z"/></svg>');
|
|
@@ -96,49 +100,37 @@ hr {
|
|
|
96
100
|
}
|
|
97
101
|
}
|
|
98
102
|
|
|
99
|
-
label, legend {
|
|
100
|
-
display: inline-block;
|
|
101
|
-
margin-bottom: $size-1;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.checkbox, .radio {
|
|
105
|
-
appearance: none;
|
|
106
|
-
border-width: $border;
|
|
107
|
-
color: $breadboard-primary;
|
|
108
|
-
margin-bottom: -0.2rem;
|
|
109
|
-
height: $size-4;
|
|
110
|
-
width: $size-4;
|
|
111
|
-
|
|
112
|
-
&:checked {
|
|
113
|
-
border-color: transparent;
|
|
114
|
-
background-color: currentColor;
|
|
115
|
-
background-position: center;
|
|
116
|
-
background-repeat: no-repeat;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
|
|
120
103
|
.checkbox {
|
|
121
104
|
border-radius: $rounded;
|
|
105
|
+
@include selection;
|
|
106
|
+
|
|
107
|
+
&:focus {
|
|
108
|
+
@include focus;
|
|
109
|
+
}
|
|
122
110
|
|
|
123
111
|
&:checked {
|
|
124
112
|
background-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" fill="white" strokeWidth="2" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>');
|
|
113
|
+
@include checked;
|
|
125
114
|
}
|
|
126
115
|
}
|
|
127
116
|
|
|
128
117
|
.radio {
|
|
129
118
|
border-radius: $rounded-full;
|
|
119
|
+
@include selection;
|
|
120
|
+
|
|
121
|
+
&:focus {
|
|
122
|
+
@include focus;
|
|
123
|
+
}
|
|
130
124
|
|
|
131
125
|
&:checked {
|
|
132
126
|
background-image: 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>');
|
|
127
|
+
@include checked;
|
|
133
128
|
}
|
|
134
129
|
}
|
|
135
130
|
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
box-shadow: $shadow-outline;
|
|
140
|
-
outline: 0;
|
|
141
|
-
}
|
|
131
|
+
label, legend {
|
|
132
|
+
display: inline-block;
|
|
133
|
+
margin-bottom: $size-1;
|
|
142
134
|
}
|
|
143
135
|
|
|
144
136
|
a {
|
|
@@ -22,6 +22,48 @@
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
+
@mixin focus {
|
|
26
|
+
border-color: $breadboard-color;
|
|
27
|
+
box-shadow: $shadow-outline;
|
|
28
|
+
outline: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin selection {
|
|
32
|
+
appearance: none;
|
|
33
|
+
border-width: $border;
|
|
34
|
+
color: $breadboard-primary;
|
|
35
|
+
margin-bottom: -0.2rem;
|
|
36
|
+
height: $size-4;
|
|
37
|
+
width: $size-4;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@mixin checked {
|
|
41
|
+
border-color: transparent;
|
|
42
|
+
background-color: currentColor;
|
|
43
|
+
background-position: center;
|
|
44
|
+
background-repeat: no-repeat;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@mixin space-x($space, $reverse: false) {
|
|
48
|
+
& > :not(template) ~ :not(template) {
|
|
49
|
+
@if $reverse {
|
|
50
|
+
margin-right: $space;
|
|
51
|
+
} @else {
|
|
52
|
+
margin-left: $space;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@mixin space-y($space, $reverse: false) {
|
|
58
|
+
& > :not(template) ~ :not(template) {
|
|
59
|
+
@if $reverse {
|
|
60
|
+
margin-bottom: $space;
|
|
61
|
+
} @else {
|
|
62
|
+
margin-top: $space;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
25
67
|
@mixin make-container($padding-x, $max-width) {
|
|
26
68
|
width: 100%;
|
|
27
69
|
padding-right: $padding-x;
|
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.36",
|
|
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.36
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- lazaronixon
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-05-
|
|
11
|
+
date: 2020-05-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: autoprefixer-rails
|