mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
40 lines
807 B
SCSS
40 lines
807 B
SCSS
@import "../../themes/ionic.globals";
|
|
|
|
// Toggle
|
|
// --------------------------------------------------
|
|
|
|
:host {
|
|
/**
|
|
* @prop --background: Background of the toggle
|
|
* @prop --background-checked: Background of the toggle when checked
|
|
* @prop --handle-background: Background of the toggle handle
|
|
* @prop --handle-background-checked: Background of the toggle handle when checked
|
|
*/
|
|
|
|
/* stylelint-disable-next-line declaration-no-important */
|
|
box-sizing: content-box !important;
|
|
|
|
display: inline-block;
|
|
|
|
outline: none;
|
|
|
|
contain: content;
|
|
cursor: pointer;
|
|
touch-action: none;
|
|
user-select: none;
|
|
z-index: $z-index-item-input;
|
|
}
|
|
|
|
:host(.ion-focused) input {
|
|
border: 2px solid #5e9ed6;
|
|
}
|
|
|
|
:host(.toggle-disabled) {
|
|
pointer-events: none;
|
|
}
|
|
|
|
button {
|
|
@include input-cover();
|
|
}
|
|
|