css-zero 2.0.1 → 2.0.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: aa6f17333419c62f3558755e91b42459644d7fc56bbd5b1279356105b29691dc
4
- data.tar.gz: 7b8ddce221ccf38979b4948e8f0f5cf8c7789a012cece4b53762d8c5a428ce70
3
+ metadata.gz: fe054fea748c1dbf66b48c3c2a0d329da831be41fcd2cbd305ff91029ec764ad
4
+ data.tar.gz: 8ee1e9dbff30f62df6bf743e7413d340017d27eed43337ad89df8f767d72abc0
5
5
  SHA512:
6
- metadata.gz: 4af5c0b6f69104f67f2e00bba34d65530f96669822781bbe035b411fbf1fe5aeaa9a5a5898116df80cb4ba1137636611cf453263797b63598af888c01ad7dea4
7
- data.tar.gz: 2bfb0e2679327a0696ea59d4f5bf9f9b7b9c361f0c4077d2a0b08f952357a1ac8f808a292c926b4cc5ecd63250411f13204383c7d3804ee2f85cb860ed54e770
6
+ metadata.gz: e6a89e9c4b2b7568808bbc007f84751ccd5572763c63ef319c333df3aec9ab503f9777143905310f427042219c96903ce23d6db9ff79a473cbfa5154969e0f10
7
+ data.tar.gz: 647e18092f7880c445a6c8d10e9fb9976613c6b6db0b14dbcfe5f5776ac8e4f5caaae747f77b45641dc7cf3a39ac750833a898489dc3aec85106402369dc7b9a
@@ -89,6 +89,7 @@
89
89
  * Background
90
90
  *****************************************************************/
91
91
  .bg-main { background-color: var(--color-bg); }
92
+ .bg-surface { background-color: var(--color-surface); }
92
93
  .bg-black { background-color: var(--color-text); }
93
94
  .bg-white { background-color: var(--color-text-reversed); }
94
95
  .bg-shade { background-color: var(--color-border-light); }
@@ -1,3 +1,3 @@
1
1
  module CssZero
2
- VERSION = "2.0.1"
2
+ VERSION = "2.0.2"
3
3
  end
@@ -1,5 +1,5 @@
1
1
  .alert {
2
- background-color: var(--alert-background, var(--color-bg));
2
+ background-color: var(--alert-background, var(--color-surface));
3
3
  border-radius: var(--rounded-lg);
4
4
  border: 1px solid var(--alert-border-color, var(--color-border));
5
5
  color: var(--alert-color, var(--color-text));
@@ -1,6 +1,6 @@
1
1
  .btn {
2
2
  align-items: center;
3
- background-color: var(--btn-background, var(--color-bg));
3
+ background-color: var(--btn-background, var(--color-surface));
4
4
  block-size: var(--btn-block-size, auto);
5
5
  border-radius: var(--btn-radius, var(--rounded-md));
6
6
  border: 1px solid var(--btn-border-color, var(--color-border));
@@ -45,6 +45,7 @@
45
45
  }
46
46
 
47
47
  .btn--borderless {
48
+ --btn-background: transparent;
48
49
  --btn-border-color: transparent;
49
50
  --btn-box-shadow: none;
50
51
  }
@@ -1,5 +1,5 @@
1
1
  .card {
2
- background-color: var(--color-bg);
2
+ background-color: var(--color-surface);
3
3
  border-radius: var(--rounded-xl);
4
4
  border-width: var(--border);
5
5
  box-shadow: var(--shadow-sm);
@@ -2,7 +2,7 @@
2
2
 
3
3
  .ts-control {
4
4
  align-items: center;
5
- background-color: var(--color-bg);
5
+ background-color: var(--color-surface);
6
6
  border: 1px solid var(--color-border);
7
7
  border-radius: var(--rounded-md);
8
8
  min-block-size: var(--size-9);
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  .ts-dropdown {
21
- background-color: var(--color-bg);
21
+ background-color: var(--color-surface);
22
22
  border: 1px solid var(--color-border);
23
23
  border-radius: var(--rounded-md);
24
24
  box-shadow: var(--shadow-md);
@@ -95,7 +95,7 @@
95
95
  }
96
96
 
97
97
  .ts-wrapper.single .ts-control {
98
- background-color: var(--color-bg) !important;
98
+ background-color: var(--color-surface) !important;
99
99
  background-image: url("chevron-down-zinc-500.svg") !important;
100
100
  background-position: center right var(--size-2) !important;
101
101
  background-repeat: no-repeat !important;
@@ -1,4 +1,5 @@
1
1
  .command {
2
+ background-color: var(--color-surface);
2
3
  border-width: var(--border);
3
4
  border-radius: var(--rounded-lg);
4
5
  box-shadow: var(--shadow-xs);
@@ -5,7 +5,7 @@
5
5
  --container-size: 220px;
6
6
  --day-size: var(--size-8);
7
7
 
8
- background: var(--color-bg);
8
+ background: var(--color-surface);
9
9
  border: 1px solid var(--color-border);
10
10
  border-radius: var(--rounded-md);
11
11
  box-shadow: var(--shadow-md);
@@ -1,6 +1,6 @@
1
1
  .input {
2
2
  appearance: none;
3
- background-color: var(--input-background, var(--color-bg));
3
+ background-color: var(--input-background, var(--color-surface));
4
4
  block-size: var(--input-block-size, auto);
5
5
  border: 1px solid var(--input-border-color, var(--color-border));
6
6
  border-radius: var(--input-radius, var(--rounded-md));
@@ -1,4 +1,5 @@
1
1
  .menu {
2
+ background-color: var(--color-surface);
2
3
  display: flex;
3
4
  flex-direction: column;
4
5
  padding: var(--size-1);
@@ -1,5 +1,5 @@
1
1
  .popover {
2
- background-color: var(--color-bg);
2
+ background-color: var(--color-surface);
3
3
  border-radius: var(--rounded-md);
4
4
  border-width: var(--border);
5
5
  box-shadow: var(--shadow-md);
@@ -1,3 +1,7 @@
1
+ .btn--toggle {
2
+ --btn-background: var(--color-bg);
3
+ }
4
+
1
5
  .btn--toggle [type="checkbox"] {
2
6
  position: absolute; clip: rect(0, 0, 0, 0);
3
7
  }
@@ -1,5 +1,6 @@
1
1
  :root {
2
2
  --color-bg: light-dark(white, var(--zinc-950));
3
+ --color-surface: light-dark(white, var(--zinc-900));
3
4
  --color-text: light-dark(var(--zinc-950), white);
4
5
  --color-text-reversed: light-dark(white, var(--zinc-950));
5
6
  --color-text-subtle: light-dark(var(--zinc-500), var(--zinc-400));
metadata CHANGED
@@ -1,13 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: css-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.0.1
4
+ version: 2.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lázaro Nixon
8
8
  bindir: bin
9
9
  cert_chain: []
10
- date: 2025-08-05 00:00:00.000000000 Z
10
+ date: 2025-08-06 00:00:00.000000000 Z
11
11
  dependencies: []
12
12
  email: lazaronixon@hotmail.com
13
13
  executables: []