@jsenv/navi 0.26.14 → 0.26.15
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/dist/jsenv_navi.js +7 -10
- package/dist/jsenv_navi.js.map +3 -3
- package/package.json +1 -1
package/dist/jsenv_navi.js
CHANGED
|
@@ -24986,9 +24986,13 @@ installImportMetaCssBuild(import.meta);const css$p = /* css */`
|
|
|
24986
24986
|
|
|
24987
24987
|
/* Toggle appearance */
|
|
24988
24988
|
&[data-appearance="toggle"] {
|
|
24989
|
+
--toggle-outer-width: calc(
|
|
24990
|
+
var(--toggle-width) + var(--toggle-padding) * 2
|
|
24991
|
+
);
|
|
24989
24992
|
--margin: var(--toggle-margin);
|
|
24990
|
-
--width: var(--toggle-width);
|
|
24993
|
+
--width: var(--toggle-outer-width);
|
|
24991
24994
|
--height: unset;
|
|
24995
|
+
min-width: var(--toggle-outer-width);
|
|
24992
24996
|
--border-radius: var(--toggle-border-radius);
|
|
24993
24997
|
--background-color: var(--toggle-background-color);
|
|
24994
24998
|
--background-color-hover: var(--toggle-background-color-hover);
|
|
@@ -25006,6 +25010,7 @@ installImportMetaCssBuild(import.meta);const css$p = /* css */`
|
|
|
25006
25010
|
);
|
|
25007
25011
|
|
|
25008
25012
|
position: relative;
|
|
25013
|
+
padding: var(--toggle-padding);
|
|
25009
25014
|
background-color: var(--x-background-color);
|
|
25010
25015
|
border-color: transparent;
|
|
25011
25016
|
user-select: none;
|
|
@@ -25022,16 +25027,8 @@ installImportMetaCssBuild(import.meta);const css$p = /* css */`
|
|
|
25022
25027
|
|
|
25023
25028
|
&[data-checked] {
|
|
25024
25029
|
.navi_checkbox_toggle {
|
|
25025
|
-
/* We remove padding 3 times */
|
|
25026
|
-
/* - twice to get real width (box-sizing: border-box) */
|
|
25027
|
-
/* - one more to apply right padding to the translation */
|
|
25028
25030
|
transform: translateX(
|
|
25029
|
-
calc(
|
|
25030
|
-
var(--toggle-width) - var(--toggle-thumb-size) - var(
|
|
25031
|
-
--toggle-padding
|
|
25032
|
-
) *
|
|
25033
|
-
3
|
|
25034
|
-
)
|
|
25031
|
+
calc(var(--toggle-width) - var(--toggle-thumb-size))
|
|
25035
25032
|
);
|
|
25036
25033
|
}
|
|
25037
25034
|
}
|