@stnd/styles 0.7.0 → 0.7.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.
- package/CHANGELOG.md +12 -0
- package/_standard-11-forms.scss +9 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/_standard-11-forms.scss
CHANGED
|
@@ -249,7 +249,15 @@ input[type="radio"] {
|
|
|
249
249
|
input[type="checkbox"][role="switch"] {
|
|
250
250
|
--switch-height: calc(var(--space) - var(--space-d3));
|
|
251
251
|
--switch-width: calc(var(--switch-height) * 2);
|
|
252
|
-
|
|
252
|
+
/* Was a fixed 2px — correct-looking at the default ~16px-tall switch
|
|
253
|
+
(an 8px thumb inset by 2px on each side), but any consumer overriding
|
|
254
|
+
--switch-height alone (a smaller, denser control panel, say) kept that
|
|
255
|
+
same fixed inset and ended up with a visibly undersized thumb, since
|
|
256
|
+
the padding never scaled down with it. A ratio of the height reproduces
|
|
257
|
+
roughly that look at the default size while actually scaling — /10
|
|
258
|
+
rather than /8 (Francis: the thumb read as too small a fraction of the
|
|
259
|
+
track, too much bare track color showing around it). */
|
|
260
|
+
--switch-padding: calc(var(--switch-height) / 10);
|
|
253
261
|
|
|
254
262
|
appearance: none;
|
|
255
263
|
box-sizing: border-box; /* Reset content-box from base checkbox rule */
|