@varlet/ui
Version:
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
39 lines (38 loc) • 1.68 kB
JavaScript
var stdin_default = {
"--switch-track-background": "#727272",
"--switch-handle-background": "#727272",
"--switch-track-active-background": "var(--color-primary)",
"--switch-track-error-background": "var(--color-danger)",
"--switch-ripple-color": "var(--color-primary)",
"--switch-handle-color": "var(--color-on-primary)",
"--switch-handle-active-color": "var(--color-on-primary)",
"--switch-handle-active-background": "var(--color-primary)",
"--switch-handle-error-background": "var(--color-danger)",
"--switch-disabled-opacity": "var(--opacity-disabled)",
"--switch-variant-width": "52px",
"--switch-variant-height": "32px",
"--switch-variant-track-background": "var(--color-surface-container-highest)",
"--switch-variant-handle-width": "24px",
"--switch-variant-handle-height": "24px",
"--switch-variant-track-border-color": "rgb(255, 255, 255, .7)",
"--switch-variant-handle-background": "rgb(255, 255, 255, .7)",
"--switch-variant-handle-color": "var(--color-primary)",
"--switch-variant-handle-active-color": "var(--color-primary)",
"--switch-variant-handle-active-background": "var(--color-on-primary)",
"--switch-width": "40px",
"--switch-height": "24px",
"--switch-track-width": "38px",
"--switch-track-height": "14.4px",
"--switch-track-border-radius": "calc(20px * 2 / 3)",
"--switch-handle-width": "20px",
"--switch-handle-height": "20px",
"--switch-ripple-size": "40px",
"--switch-ripple-left": "-10px",
"--switch-ripple-active-left": "10px",
"--switch-loading-size": "16px",
"--switch-variant-ripple-left": "-4px",
"--switch-variant-ripple-active-left": "16px"
};
export {
stdin_default as default
};