naive-ui/styles/themes/light/components/Switch.scss
2020-02-19 22:37:20 +08:00

12 lines
634 B
SCSS

@mixin setup-light-switch {
$--switch-rail-background-color:(
"inactive": $--n-rail-color,
"active": $--n-primary-color
) !global;
$--switch-switcher-background-image: (
"inactive": linear-gradient(52deg,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(148,151,155,1) 75%,rgba(148,151,155,1) 100%),
"active": linear-gradient(52deg,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(120,205,104,1) 75%,rgba(20,166,165,1) 100%)
) !global;
$--switch-background-position: 0, 0 !global;
$--switch-switcher-box-shadow: (0px 1px 4px 0px rgba(0,0,0,0.3), inset 0px 0px 1px 0px rgba(0,0,0,0.05)) !global;
}