sass-zero 1.5.1 → 1.5.2
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/Gemfile.lock +1 -1
- data/README.md +1 -2
- data/app/assets/images/select-arrow.svg +1 -0
- data/app/assets/stylesheets/sass-zero/_mixins.scss +1 -0
- data/app/assets/stylesheets/sass-zero/breadboard.scss +4 -9
- data/app/assets/stylesheets/sass-zero/utilities/_layout.scss +10 -0
- data/lib/sass_zero/version.rb +1 -1
- data/screenshot-dark.png +0 -0
- data/screenshot-desktop.png +0 -0
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8bc213583ce001df4c88be706ea16d332a291f581ca7b63431637a4f91e9fc64
|
|
4
|
+
data.tar.gz: 586de3aeab20ffcec0e88c6755a5cde96f07e67fb2c0fcfbdd7d0de9c08d3b28
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 076bbe11c3481cd60b2f162c5413c07ba8e8950afbc291f10f83231160885418efff017dbd977562a703b7fd69a82014d14cb130b0b0990a436390c0eacd7635
|
|
7
|
+
data.tar.gz: 2fd687eded1f6a05d791d48b7e71fda06bcede3eae647db354bfb80bc91f1649d3b356d64f4884af72fb5c130a551f2232071e3fb51e9bf68967028791388020
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
|
@@ -16,7 +16,6 @@ Add these lines to your application.css:
|
|
|
16
16
|
```css
|
|
17
17
|
*= require sass-zero/base
|
|
18
18
|
*= require sass-zero/utilities
|
|
19
|
-
*= require sass-zero/keyframes
|
|
20
19
|
*= require sass-zero/breadboard
|
|
21
20
|
```
|
|
22
21
|
|
|
@@ -65,7 +64,7 @@ This can be useful for dealing with similar components, and positioning.
|
|
|
65
64
|
|
|
66
65
|
## Breadboard
|
|
67
66
|
|
|
68
|
-
These default styles ensure that even without custom styling, the content is usable and understandable, also you can use it as the baseline.
|
|
67
|
+
These optional default styles ensure that even without custom styling, the content is usable and understandable, also you can use it as the baseline or your design. It is responsive (mobile), accessible (dark mode), customizable(--var), and very slim.
|
|
69
68
|
|
|
70
69
|
- [Breadboard](app/assets/stylesheets/sass-zero/breadboard.scss)
|
|
71
70
|
- [Example](example.html)
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg fill="#a1a1aa" height="15" width="10" xmlns="http://www.w3.org/2000/svg"><path d="m0 5 5-5 5 5z"/><path d="m0 10 5 5 5-5z"/></svg>
|
|
@@ -10,7 +10,7 @@ $radius-secondary: $rounded;
|
|
|
10
10
|
--color-bg--main: #{$gray-100};
|
|
11
11
|
--color-bg--surface: #{$white};
|
|
12
12
|
--color-bg--highlight: #{$gray-200};
|
|
13
|
-
--color-border: #{$gray-
|
|
13
|
+
--color-border: #{$gray-200};
|
|
14
14
|
--color-primary: #{$gray-600};
|
|
15
15
|
--color-text: #{$gray-700};
|
|
16
16
|
}
|
|
@@ -20,8 +20,8 @@ $radius-secondary: $rounded;
|
|
|
20
20
|
--color-bg--main: #{$blue-gray-900};
|
|
21
21
|
--color-bg--surface: #{$blue-gray-800};
|
|
22
22
|
--color-bg--highlight: #{$blue-gray-700};
|
|
23
|
-
--color-border: #{$blue-gray-
|
|
24
|
-
--color-primary: #{$blue-gray-
|
|
23
|
+
--color-border: #{$blue-gray-600};
|
|
24
|
+
--color-primary: #{$blue-gray-400};
|
|
25
25
|
--color-text: #{$blue-gray-200};
|
|
26
26
|
}
|
|
27
27
|
}
|
|
@@ -90,12 +90,7 @@ html {
|
|
|
90
90
|
width: $w-full;
|
|
91
91
|
|
|
92
92
|
&--select {
|
|
93
|
-
background-
|
|
94
|
-
linear-gradient(45deg, transparent 49%, var(--color-text) 51%),
|
|
95
|
-
linear-gradient(135deg, var(--color-text) 51%, transparent 49%);
|
|
96
|
-
background-position: calc(100% - 20px), calc(100% - 15px);
|
|
97
|
-
background-repeat: no-repeat;
|
|
98
|
-
background-size: 5px 5px, 5px 5px;
|
|
93
|
+
background: image-url("select-arrow.svg") right $size-3-5 center no-repeat;
|
|
99
94
|
}
|
|
100
95
|
|
|
101
96
|
&:disabled {
|
|
@@ -70,6 +70,16 @@
|
|
|
70
70
|
left: -9999em;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
+
.u-for-screen-reader {
|
|
74
|
+
position: absolute;
|
|
75
|
+
height: 1px;
|
|
76
|
+
width: 1px;
|
|
77
|
+
clip: rect(1px, 1px, 1px, 1px);
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
text-transform: none;
|
|
80
|
+
white-space: nowrap
|
|
81
|
+
}
|
|
82
|
+
|
|
73
83
|
.u-overflow-auto {
|
|
74
84
|
overflow: auto;
|
|
75
85
|
}
|
data/lib/sass_zero/version.rb
CHANGED
data/screenshot-dark.png
CHANGED
|
Binary file
|
data/screenshot-desktop.png
CHANGED
|
Binary file
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sass-zero
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.5.
|
|
4
|
+
version: 1.5.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- lazaronixon
|
|
@@ -25,6 +25,7 @@ files:
|
|
|
25
25
|
- Gemfile.lock
|
|
26
26
|
- README.md
|
|
27
27
|
- Rakefile
|
|
28
|
+
- app/assets/images/select-arrow.svg
|
|
28
29
|
- app/assets/stylesheets/sass-zero/_mixins.scss
|
|
29
30
|
- app/assets/stylesheets/sass-zero/_variables.scss
|
|
30
31
|
- app/assets/stylesheets/sass-zero/base.scss
|