@stnd/styles 0.7.0 → 0.7.1
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 +7 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/_standard-11-forms.scss
CHANGED
|
@@ -249,7 +249,13 @@ 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. 1/8 of the height reproduces
|
|
257
|
+
the original ~2px look at the default size while actually scaling. */
|
|
258
|
+
--switch-padding: calc(var(--switch-height) / 8);
|
|
253
259
|
|
|
254
260
|
appearance: none;
|
|
255
261
|
box-sizing: border-box; /* Reset content-box from base checkbox rule */
|