sass-zero 1.5.0 → 1.5.1
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 +9 -2
- data/app/assets/stylesheets/sass-zero/breadboard.scss +8 -8
- data/lib/sass_zero/version.rb +1 -1
- data/screenshot-dark.png +0 -0
- data/screenshot-desktop.png +0 -0
- metadata +3 -2
- data/screenshot.png +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d4f28268eed433b49ce2faf6cbf821f4b3639d8e0073bb43a5f95219bda912ef
|
|
4
|
+
data.tar.gz: 1899f21bad13617b8f7becd4e662de8dec0980b6cf3cdb3b3c9299b182a069f7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 47b92d5ca3f467dc9fba7b92c443e6c3a77b0d1a8a01748b430c2bc5f8ba3e9eb686640fe0f86a47f41845b09060c4c138fbc48b3f54ebde275a36712a9d365e
|
|
7
|
+
data.tar.gz: d1ac0b359e459df0dccef494a7c17ee56ddc99ccebc577235f7b901d27585f5acc6b8a3f6911b34c4b822ebd24b262fab038f0778db3824ee030fed7910afb1c
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
|
@@ -65,12 +65,19 @@ This can be useful for dealing with similar components, and positioning.
|
|
|
65
65
|
|
|
66
66
|
## Breadboard
|
|
67
67
|
|
|
68
|
-
These default styles ensure that even without custom styling, the content is usable and understandable,
|
|
68
|
+
These default styles ensure that even without custom styling, the content is usable and understandable, also you can use it as the baseline.
|
|
69
69
|
|
|
70
70
|
- [Breadboard](app/assets/stylesheets/sass-zero/breadboard.scss)
|
|
71
|
-
- [Screenshot](screenshot.png)
|
|
72
71
|
- [Example](example.html)
|
|
73
72
|
|
|
73
|
+
### Desktop
|
|
74
|
+
|
|
75
|
+

|
|
76
|
+
|
|
77
|
+
### Dark mode
|
|
78
|
+
|
|
79
|
+

|
|
80
|
+
|
|
74
81
|
## Using variables
|
|
75
82
|
|
|
76
83
|
Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Variables](app/assets/stylesheets/sass-zero/_variables.scss):
|
|
@@ -11,18 +11,18 @@ $radius-secondary: $rounded;
|
|
|
11
11
|
--color-bg--surface: #{$white};
|
|
12
12
|
--color-bg--highlight: #{$gray-200};
|
|
13
13
|
--color-border: #{$gray-300};
|
|
14
|
-
--color-primary: #{$gray-
|
|
15
|
-
--color-text: #{$gray-
|
|
14
|
+
--color-primary: #{$gray-600};
|
|
15
|
+
--color-text: #{$gray-700};
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
@media (prefers-color-scheme: dark) {
|
|
19
19
|
:root {
|
|
20
|
-
--color-bg--main: #{$gray-900};
|
|
21
|
-
--color-bg--surface: #{$gray-800};
|
|
22
|
-
--color-bg--highlight: #{$gray-700};
|
|
23
|
-
--color-border: #{$gray-
|
|
24
|
-
--color-primary: #{$
|
|
25
|
-
--color-text: #{$
|
|
20
|
+
--color-bg--main: #{$blue-gray-900};
|
|
21
|
+
--color-bg--surface: #{$blue-gray-800};
|
|
22
|
+
--color-bg--highlight: #{$blue-gray-700};
|
|
23
|
+
--color-border: #{$blue-gray-300};
|
|
24
|
+
--color-primary: #{$blue-gray-200};
|
|
25
|
+
--color-text: #{$blue-gray-200};
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
|
data/lib/sass_zero/version.rb
CHANGED
data/screenshot-dark.png
ADDED
|
Binary file
|
|
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.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- lazaronixon
|
|
@@ -63,7 +63,8 @@ files:
|
|
|
63
63
|
- lib/sass_zero.rb
|
|
64
64
|
- lib/sass_zero/version.rb
|
|
65
65
|
- sass-zero.gemspec
|
|
66
|
-
- screenshot.png
|
|
66
|
+
- screenshot-dark.png
|
|
67
|
+
- screenshot-desktop.png
|
|
67
68
|
homepage: http://github.com/lazaronixon/sass-zero
|
|
68
69
|
licenses:
|
|
69
70
|
- MIT
|
data/screenshot.png
DELETED
|
Binary file
|