2019-09-29 19:07:16 +08:00
|
|
|
@mixin setup-light-switch {
|
|
|
|
|
$--switch-rail-background-color:(
|
|
|
|
|
"inactive": $--n-divider-color,
|
|
|
|
|
"active": $--n-primary-color
|
|
|
|
|
) !global;
|
|
|
|
|
$--switch-switcher-color: (
|
|
|
|
|
"inactive": linear-gradient(52deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%),
|
|
|
|
|
"active": linear-gradient(52deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%),
|
|
|
|
|
) !global;
|
2019-10-09 17:38:08 +08:00
|
|
|
$--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;
|
2019-09-29 19:07:16 +08:00
|
|
|
$--switch-switcher-border: 1px solid $--n-divider-color !global;
|
|
|
|
|
$--switch-switcher-transition: (left .2s $default-cubic-bezier, max-width .2s $default-cubic-bezier) !global;
|
|
|
|
|
}
|
