css-zero 0.0.95 → 0.0.97

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: 7c56f270130722e9912c5271b2700f89b19f1debe15c19a2c2394c9bba4d169c
4
- data.tar.gz: '0803ceaa8816e61105de7e64b9c31df4063c1b7defde89fffb3162052dd1a5db'
3
+ metadata.gz: f1aa4a29c591641e6f403f3734973ea9e19d7101929bec1725d129f88e481547
4
+ data.tar.gz: a623908e1732085a70b192792f37278f7ed70d298220efa0a730108d04c9179a
5
5
  SHA512:
6
- metadata.gz: 0c2d8bf42bb152ae84264e48a190734f9d06d9cc065cb22432c1f0a9c48256d207b06859c6947f820e2c0979443af5e8b71ea0c9746dbd5c9ee08b04ee5ff63f
7
- data.tar.gz: 0baceaccc306e73770beb3a8bfaff1f2564ef9a3e7b1688e5060654886883ba235f4fb93a2327b869177139ed86ba7203da07fb72e9195a00df07fb8cc86bb4a
6
+ metadata.gz: 9b8d9254eff979184f3204d87f4e300eab4c58d19aa131674c00e64b35f22207b36ea98fad796520afcff2725231a790d4264e90b252bbc111104262a49380cb
7
+ data.tar.gz: d2bf82ef13a9718285b86fb5061791428cb6e896bfddcb786af13f1ab1f0dd42cee2a2dd3a09bb3cc7d50b164d872a0cab5454441ceeebf83c1e1c22a68e0f07
@@ -387,6 +387,14 @@ html:has(dialog:modal[open]) {
387
387
  overflow: hidden;
388
388
  }
389
389
 
390
+ /*
391
+ Restore space between options.
392
+ */
393
+
394
+ option {
395
+ padding-block: 3px;
396
+ }
397
+
390
398
  /*
391
399
  Make turbo frame become pseudo-box by default.
392
400
  */
@@ -1,3 +1,3 @@
1
1
  module CssZero
2
- VERSION = "0.0.95"
2
+ VERSION = "0.0.97"
3
3
  end
@@ -33,8 +33,7 @@
33
33
  }
34
34
 
35
35
  &:focus-visible {
36
- outline: var(--border-2) solid var(--color-selected-dark);
37
- outline-offset: var(--border-2);
36
+ outline: var(--border-2) auto var(--color-selected-dark);
38
37
  }
39
38
 
40
39
  &::-webkit-details-marker {
@@ -3,13 +3,13 @@
3
3
  }
4
4
 
5
5
  ::view-transition-old(.auto-animation):only-child {
6
- animation: var(--animate-fade-out) forwards;
7
- animation-duration: var(--time-200);
6
+ animation: var(--animate-fade-out);
7
+ animation-duration: 250ms;
8
8
  opacity: 1;
9
9
  }
10
10
 
11
11
  ::view-transition-new(.auto-animation):only-child {
12
- animation: var(--animate-fade-in) forwards;
13
- animation-duration: var(--time-200);
12
+ animation: var(--animate-fade-in);
13
+ animation-duration: 250ms;
14
14
  opacity: 0;
15
15
  }
@@ -30,7 +30,6 @@
30
30
 
31
31
  &:focus-visible {
32
32
  outline: var(--btn-outline-size, 2px) solid var(--color-selected-dark);
33
- outline-offset: var(--border-2);
34
33
  }
35
34
 
36
35
  &:is(:disabled, [aria-disabled]) {
@@ -9,14 +9,10 @@
9
9
  min-block-size: var(--input-block-size, var(--size-9));
10
10
  padding: var(--input-padding, 0.375rem 0.75rem);
11
11
 
12
- option {
13
- padding-block: 2px;
14
- }
15
-
16
12
  &:is(textarea[rows=auto]) {
17
13
  field-sizing: content;
18
- max-block-size: calc(10lh + var(--size-6));
19
- min-block-size: calc(3lh + var(--size-6));
14
+ max-block-size: calc(10lh + var(--size-4));
15
+ min-block-size: calc(3lh + var(--size-4));
20
16
  }
21
17
 
22
18
  &:is(select):not([multiple], [size]) {
@@ -44,12 +40,6 @@
44
40
  }
45
41
  }
46
42
 
47
- /* Hide invalid feedback by default */
48
- .invalid-feedback {
49
- display: none;
50
- }
51
-
52
- /* Containers that act like (and contain) inputs */
53
43
  .input--actor {
54
44
  input {
55
45
  border: 0; inline-size: 100%; outline: 0;
@@ -61,24 +51,25 @@
61
51
 
62
52
  &:focus-within {
63
53
  outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);
64
- outline-offset: var(--border-2);
65
54
  }
66
55
  }
67
56
 
68
- /* Checkbox, radio, and range */
69
- .checkbox, .radio {
70
- accent-color: var(--color-primary); transform: scale(1.15);
57
+ :is(.checkbox, .radio, .range) {
58
+ accent-color: var(--color-primary);
71
59
  }
72
60
 
73
- .range {
74
- accent-color: var(--color-primary);
61
+ :is(.checkbox, .radio) {
62
+ transform: scale(1.2);
63
+ }
64
+
65
+ .invalid-feedback {
66
+ display: none;
75
67
  }
76
68
 
77
- /* Styles that are shared between components */
69
+ /* Styles shared between components */
78
70
  :is(.input, .checkbox, .radio, .range) {
79
71
  &:focus-visible {
80
72
  outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);
81
- outline-offset: var(--border-2);
82
73
  }
83
74
 
84
75
  .field_with_errors & {
@@ -31,7 +31,6 @@
31
31
 
32
32
  &:focus-visible {
33
33
  outline: var(--border-2) solid var(--color-selected-dark);
34
- outline-offset: var(--border-2);
35
34
  }
36
35
 
37
36
  &:disabled {
@@ -18,6 +18,7 @@
18
18
 
19
19
  &[aria-selected=true] {
20
20
  --btn-background: var(--color-bg);
21
+ --btn-box-shadow: var(--shadow);
21
22
  --btn-hover-color: var(--color-bg);
22
23
  }
23
24
  }
@@ -9,6 +9,5 @@
9
9
 
10
10
  &:has(:focus-visible) {
11
11
  outline: var(--border-2) solid var(--color-selected-dark);
12
- outline-offset: var(--border-2);
13
12
  }
14
13
  }
@@ -54,6 +54,8 @@
54
54
 
55
55
  * {
56
56
  border-color: var(--color-border);
57
+ scrollbar-color: #C1C1C1 transparent;
58
+ scrollbar-width: thin;
57
59
  }
58
60
 
59
61
  html {
@@ -64,6 +66,7 @@ body {
64
66
  background-color: var(--color-bg);
65
67
  color: var(--color-text);
66
68
  font-synthesis-weight: none;
69
+ overscroll-behavior: none;
67
70
  text-rendering: optimizeLegibility;
68
71
  }
69
72
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: css-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.95
4
+ version: 0.0.97
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lázaro Nixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-01-21 00:00:00.000000000 Z
11
+ date: 2025-01-23 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email: lazaronixon@hotmail.com