@stnd/styles 0.7.4 → 0.7.5
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.
- package/CHANGELOG.md +6 -0
- package/_standard-11-forms.scss +10 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/_standard-11-forms.scss
CHANGED
|
@@ -299,7 +299,16 @@ input[type="checkbox"][role="switch"] {
|
|
|
299
299
|
height: calc(var(--switch-height) - var(--switch-padding) * 2);
|
|
300
300
|
border-radius: 50%;
|
|
301
301
|
background: var(--color-surface-high);
|
|
302
|
-
|
|
302
|
+
/* Not --shadow-raised here on purpose — its ambient component
|
|
303
|
+
(--shadow-ambient: 0 1px 1px) is a fixed 1px DOWNWARD drop shadow,
|
|
304
|
+
tuned to be a subtle depth cue on normal-sized raised elements. On a
|
|
305
|
+
thumb sized to exactly fill its track (padding 0, see above) that
|
|
306
|
+
same 1px shows up as a real, asymmetric gap: a crisp bright edge at
|
|
307
|
+
the top (the inset highlight) against a soft shadow-blurred one at
|
|
308
|
+
the bottom, which reads as "not touching" the track's bottom edge
|
|
309
|
+
even though the circle's true box does. Border ring only — no
|
|
310
|
+
directional shadow to be asymmetric in the first place. */
|
|
311
|
+
box-shadow: inset 0 1px 0 0 var(--color-highlight), 0 0 0 1px var(--color-border);
|
|
303
312
|
transition: all var(--transition-fast);
|
|
304
313
|
}
|
|
305
314
|
|