Slider styles refactored

This commit is contained in:
NikolaBorislavovHristov 2019-04-19 14:50:38 +03:00
parent 7d2c5a4e10
commit d2e27801d9

View file

@ -4,27 +4,6 @@
z-index: 0;
cursor: pointer;
.track {
position: absolute;
z-index: 1;
background-color: var(--track-color);
}
.track-before {
position: absolute;
z-index: 2;
background-color: var(--track-before-color);
}
.thumb {
position: absolute;
z-index: 3;
width: var(--thumb-size);
height: var(--thumb-size);
border-radius: 50%;
background-color: var(--thumb-color);
}
&.horizontal {
.track {
top: calc(50% - var(--track-size) * 0.5);
@ -68,4 +47,25 @@
&:global(.disabled) {
pointer-events: none;
}
.track {
position: absolute;
z-index: 1;
background-color: var(--track-color);
}
.track-before {
position: absolute;
z-index: 2;
background-color: var(--track-before-color);
}
.thumb {
position: absolute;
z-index: 3;
width: var(--thumb-size);
height: var(--thumb-size);
border-radius: 50%;
background-color: var(--thumb-color);
}
}