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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5c4b768049ccd8c213c5ca63128311ee2afa78c32eb83cfd0ef25bff68b6553e
4
- data.tar.gz: 83a405188b5420197fdba4ca1b4f59e399d8f9b4bc08e2fa0534390aaf9f9359
3
+ metadata.gz: d4f28268eed433b49ce2faf6cbf821f4b3639d8e0073bb43a5f95219bda912ef
4
+ data.tar.gz: 1899f21bad13617b8f7becd4e662de8dec0980b6cf3cdb3b3c9299b182a069f7
5
5
  SHA512:
6
- metadata.gz: 57c801d83311e6d027d4a5bcb67df919626e2a820984d10bc7c53326d0ee65568bedea99d29dc86d3d627a78cb4318df2828f0a82e7be0531ccdd5078ea31670
7
- data.tar.gz: 2a1483d90af547c934411ac8767bb772e096858d862ccc7ab7ef55adbbe7dd1cd50f77104cbea505d9f31cec45259debb84cac2b97fc5519e94a328909108b8c
6
+ metadata.gz: 47b92d5ca3f467dc9fba7b92c443e6c3a77b0d1a8a01748b430c2bc5f8ba3e9eb686640fe0f86a47f41845b09060c4c138fbc48b3f54ebde275a36712a9d365e
7
+ data.tar.gz: d1ac0b359e459df0dccef494a7c17ee56ddc99ccebc577235f7b901d27585f5acc6b8a3f6911b34c4b822ebd24b262fab038f0778db3824ee030fed7910afb1c
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- sass-zero (1.5.0)
4
+ sass-zero (1.5.1)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
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, if your development process is mostly reproducing Figma designs, you might don't need it.
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
+ ![Screenshot Desktop](screenshot-desktop.png)
76
+
77
+ ### Dark mode
78
+
79
+ ![Screenshot Dark](screenshot-dark.png)
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-800};
15
- --color-text: #{$gray-900};
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-600};
24
- --color-primary: #{$white};
25
- --color-text: #{$white};
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
 
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.5.0"
3
+ VERSION = "1.5.1"
4
4
  end
5
5
  end
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.0
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