fix slider style

This commit is contained in:
Emilio García 2016-01-26 10:31:13 +01:00
parent f0313766b3
commit c9664adfae

View File

@ -31,7 +31,7 @@
}
.CDB-Range::-webkit-slider-runnable-track {
height: $baseSize / 2;
height: $baseSize / 4;
margin: $baseSize 0;
border-radius: $baseSize / 2;
background: $cMainLine;
@ -43,7 +43,7 @@
right: 0;
bottom: 0;
left: -3000px;
height: $baseSize / 2;
height: $baseSize / 4;
border-radius: $baseSize / 2;
background: $cBlue;
content: '';
@ -51,16 +51,15 @@
.CDB-Range::-webkit-slider-thumb::after {
position: absolute;
top: -6px;
top: -5px;
right: -6px;
bottom: -6px;
left: -6px;
width: $baseSize + 4;
height: $baseSize + 4;
border: 1px solid $cMainLine;
border: 1px solid $cBlue;
border-radius: 50%;
background: $cWhite;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.48);
content: '';
z-index: 10;
}
@ -71,7 +70,6 @@
.CDB-Range:hover::-webkit-slider-thumb::after,
.CDB-Range:focus::-webkit-slider-thumb::after {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.64);
cursor: pointer;
}