60 lines
2.5 KiB
SCSS
60 lines
2.5 KiB
SCSS
.mat-mdc-slide-toggle {
|
|
.mdc-switch {
|
|
--mdc-switch-handle-elevation: none;
|
|
--mdc-switch-handle-elevation-shadow: none;
|
|
|
|
--mdc-switch-selected-track-color: var(--iqser-primary);
|
|
--mdc-switch-selected-hover-track-color: var(--iqser-primary);
|
|
--mdc-switch-selected-pressed-track-color: var(--iqser-primary);
|
|
--mdc-switch-selected-focus-track-color: var(--iqser-primary);
|
|
--mdc-switch-disabled-selected-track-color: var(--iqser-primary);
|
|
|
|
--mdc-switch-unselected-track-color: var(--iqser-toggle-bg);
|
|
--mdc-switch-unselected-hover-track-color: var(--iqser-toggle-bg);
|
|
--mdc-switch-unselected-pressed-track-color: var(--iqser-toggle-bg);
|
|
--mdc-switch-unselected-focus-track-color: var(--iqser-toggle-bg);
|
|
--mdc-switch-disabled-unselected-track-color: var(--iqser-toggle-bg);
|
|
|
|
--mdc-switch-selected-handle-color: var(--iqser-background);
|
|
--mdc-switch-selected-pressed-handle-color: var(--iqser-background);
|
|
--mdc-switch-selected-hover-handle-color: var(--iqser-background);
|
|
--mdc-switch-selected-focus-handle-color: var(--iqser-background);
|
|
--mdc-switch-disabled-selected-handle-color: var(--iqser-background);
|
|
|
|
--mdc-switch-unselected-handle-color: var(--iqser-alt-background);
|
|
--mdc-switch-unselected-pressed-handle-color: var(--iqser-alt-background);
|
|
--mdc-switch-unselected-hover-handle-color: var(--iqser-alt-background);
|
|
--mdc-switch-unselected-focus-handle-color: var(--iqser-alt-background);
|
|
--mdc-switch-disabled-unselected-handle-color: var(--iqser-alt-background);
|
|
|
|
--mdc-switch-disabled-track-opacity: 0.38;
|
|
|
|
--mdc-switch-track-width: 30px;
|
|
--mdc-switch-track-height: 16px;
|
|
--mdc-switch-track-shape: 8px;
|
|
--mat-switch-with-icon-handle-size: 12px;
|
|
--mdc-switch-handle-shape: 6px;
|
|
|
|
--mat-switch-unselected-with-icon-handle-horizontal-margin: 0 2px;
|
|
--mat-switch-unselected-pressed-handle-horizontal-margin: 0 2px;
|
|
|
|
--mat-switch-selected-with-icon-handle-horizontal-margin: 0 6px;
|
|
--mat-switch-selected-pressed-handle-horizontal-margin: 0 6px;
|
|
--mat-switch-selected-handle-horizontal-margin: 0 6px;
|
|
|
|
--mat-switch-unselected-handle-size: 12px;
|
|
--mat-switch-selected-handle-size: 12px;
|
|
--mat-switch-pressed-handle-size: 12px;
|
|
}
|
|
|
|
.mdc-form-field > label {
|
|
margin-left: 8px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.mdc-switch__icons,
|
|
.mdc-switch__ripple {
|
|
display: none;
|
|
}
|
|
}
|