mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
@@ -14,7 +14,7 @@ $toggle-md-handle-width: 20px !default;
|
||||
$toggle-md-handle-height: 20px !default;
|
||||
$toggle-md-handle-background-color-off: $background-md-color !default;
|
||||
$toggle-md-handle-background-color-on: $toggle-md-active-color !default;
|
||||
$toggle-md-handle-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12) !default;
|
||||
$toggle-md-handle-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !default;
|
||||
$toggle-md-handle-border-radius: 50% !default;
|
||||
|
||||
$toggle-md-media-margin: 0 !default;
|
||||
@@ -22,7 +22,7 @@ $toggle-md-media-padding: 12px ($item-md-padding-right / 2) 12px
|
||||
|
||||
$toggle-md-transition-duration: 300ms !default;
|
||||
|
||||
$toggle-md-disabled-opacity: 0.3 !default;
|
||||
$toggle-md-disabled-opacity: .3 !default;
|
||||
|
||||
|
||||
// Material Design Toggle
|
||||
@@ -41,11 +41,11 @@ ion-toggle {
|
||||
display: block;
|
||||
width: $toggle-md-track-width;
|
||||
height: $toggle-md-track-height;
|
||||
pointer-events: none;
|
||||
border-radius: $toggle-md-track-height;
|
||||
|
||||
background-color: $toggle-md-track-background-color-off;
|
||||
transition: background-color $toggle-md-transition-duration
|
||||
|
||||
transition: background-color $toggle-md-transition-duration;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -61,12 +61,12 @@ ion-toggle {
|
||||
height: $toggle-md-handle-height;
|
||||
|
||||
border-radius: $toggle-md-handle-border-radius;
|
||||
box-shadow: $toggle-md-handle-box-shadow;
|
||||
|
||||
background-color: $toggle-md-handle-background-color-off;
|
||||
|
||||
transition-property: transform, background-color;
|
||||
box-shadow: $toggle-md-handle-box-shadow;
|
||||
|
||||
transition-duration: $toggle-md-transition-duration;
|
||||
transition-property: transform, background-color;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user