49 lines
1.0 KiB
SCSS
49 lines
1.0 KiB
SCSS
.mat-slider-horizontal {
|
|
width: 140px;
|
|
height: 32px !important;
|
|
|
|
.mat-slider-wrapper {
|
|
left: 0 !important;
|
|
top: 16px !important;
|
|
}
|
|
|
|
.mat-slider-track-wrapper,
|
|
.mat-slider-track-fill {
|
|
height: 6px !important;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
// For disabled state
|
|
.mat-slider-track-fill {
|
|
background-color: var(--iqser-primary);
|
|
}
|
|
|
|
.mat-slider-track-background {
|
|
height: 4px !important;
|
|
margin-top: 1px;
|
|
border-radius: 3px;
|
|
background-color: var(--iqser-toggle-bg) !important;
|
|
}
|
|
|
|
.mat-slider-focus-ring {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.mat-slider-thumb {
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
border-width: 0 !important;
|
|
background-color: var(--iqser-primary) !important;
|
|
}
|
|
|
|
.mat-slider:not(.mat-slider-disabled):not(.mat-slider-sliding) .mat-slider-thumb {
|
|
transform: scale(1) !important;
|
|
}
|
|
|
|
.mat-slider-horizontal.mat-slider-disabled {
|
|
.mat-slider-thumb {
|
|
transform: translateX(-3px);
|
|
}
|
|
}
|