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