sass-zero 0.0.57 → 0.0.58

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1d59dcac8d72f42763e08239e15c235964dac127c94acf45f09964919f01cfa9
-  data.tar.gz: ce884ee7a8cf2612e37852f294be33be241d62c3a7c3f77e250a4aec47ec3e0b
+  metadata.gz: '0495f5c1711cbe1d7fa9fc1ef264522dc5684f9229eddd808b70a191910a8070'
+  data.tar.gz: e92f3f0ab36b10b0747bfec381fc170669b0ca3f18e888c61f1980aff29b19a9
 SHA512:
-  metadata.gz: d632a79c4cf523755d8e7059887c9f16074261de72c9bddec8dbec10bd2054c9cd72e86b52eaa1592806be40e9cad5b74acdb751b13ca738460a8a0b50092009
-  data.tar.gz: 441fe39c8be344a7cf6e433ec5f8cb410eca2fb03d70e2372df8b792e513974ffce9209cfca94ee85fce8d76cd66b82b75b5e7dee8911c9a07620401b5f656ff
+  metadata.gz: ff787f9232779444363027e93241bc246ae19bef623502f58eed52a06322cf50bc50018d636e5d4348fd7fc4e893f6b05a3e88b95a15c77bf55c9b6a5f68486d
+  data.tar.gz: 1e404d206ac5cce0c669190cac0618f6315f7de0093900abde3a77d0b222fc617486223b28831bffc429fcbde1f9f1ac22ab1160f6ebc9a93ec12ca0fae43381

data/app/assets/stylesheets/sass-zero/breadboard.scss

@@ -12,7 +12,18 @@ $radius-button: $rounded;
   --color-bg--highlight: #{$gray-200};
   --color-primary:       #{$gray-900};
   --color-text:          #{$gray-900};
-  --color-focus-ring:    #{rgba($gray-900, $opacity-50)};
+  --color-focus-ring:    #{rgba($black, $opacity-60)};
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-bg--main:      #{$gray-900};
+    --color-bg--surface:   #{$gray-800};
+    --color-bg--highlight: #{$gray-700};
+    --color-primary:       #{$white};
+    --color-text:          #{$white};
+    --color-focus-ring:    #{rgba($white, $opacity-60)};
+  }
 }
 
 html {
@@ -61,14 +72,16 @@ html {
 .input {
   resize: none;
   appearance: none;
-  background-color: $transparent;
+  background-color: var(--color-bg--main);
   border-radius: $radius-input;
   border-width: $border;
   padding: $size-2 $size-3;
   width: $w-full;
 
   &--select {
-    background-image: linear-gradient(45deg, transparent 49%, var(--color-text) 51%), linear-gradient(135deg, var(--color-text) 51%, transparent 49%);
+    background-image:
+      linear-gradient(45deg, transparent 49%, var(--color-text) 51%),
+      linear-gradient(135deg, var(--color-text) 51%, transparent 49%);
     background-position: calc(100% - 20px), calc(100% - 15px);
     background-repeat: no-repeat;
     background-size: 5px 5px, 5px 5px;
@@ -103,7 +116,7 @@ code {
   background-color: var(--color-bg--surface);
   border-radius: $rounded;
   font-size: $text-sm;
-  padding: $size-1 $size-2;
+  padding: $size-1;
   white-space: nowrap;
 }
 
@@ -124,14 +137,15 @@ kbd {
   background-color: var(--color-primary);
   border-radius: $rounded;
   font-size: $text-sm;
-  padding: $size-1 $size-2;
+  padding: $size-1;
   color: var(--color-bg--main);
 }
 
 mark {
   background-color: var(--color-bg--highlight);
   border-radius: $rounded;
-  padding: $size-1 $size-2;
+  padding: $size-1;
+  color: inherit;
 }
 
 hr {

data/lib/sass/zero/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Zero
-    VERSION = "0.0.57"
+    VERSION = "0.0.58"
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sass-zero",
-	"version": "0.0.57",
+	"version": "0.0.58",
 	"description": "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM.",
 	"homepage": "https://github.com/lazaronixon/sass-zero",
 	"repository": "lazaronixon/sass-zero",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.57
+  version: 0.0.58
 platform: ruby
 authors:
 - lazaronixon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-01-12 00:00:00.000000000 Z
+date: 2022-01-13 00:00:00.000000000 Z
 dependencies: []
 description: 
 email: