This commit is contained in:
Emilio García 2016-01-22 17:40:28 +01:00
parent 4203b5d675
commit 2ae455d7de
2 changed files with 21 additions and 21 deletions

View File

@ -14,8 +14,8 @@
@import '../cdb-variables/colors'; @import '../cdb-variables/colors';
.CDB-Box-Modal { .CDB-Box-Modal {
background: $cWhite;
border: 1px solid $cMainLine; border: 1px solid $cMainLine;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16); background: $cWhite;
box-shadow: 0 $baseSize $baseSize * 2 0 rgba(0, 0, 0, 0.16);
} }

View File

@ -17,8 +17,8 @@
.CDB-Radio { .CDB-Radio {
position: relative; position: relative;
width: 16px; width: $baseSize * 2;
height: 16px; height: $baseSize * 2;
border: 1px solid $cMainLine; border: 1px solid $cMainLine;
border-radius: 50%; border-radius: 50%;
@ -27,8 +27,8 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 6px; width: $baseSize - 2;
height: 6px; height: $baseSize - 2;
margin-top: -3px; margin-top: -3px;
margin-left: -3px; margin-left: -3px;
border-radius: 50%; border-radius: 50%;
@ -83,8 +83,8 @@
.CDB-Checkbox { .CDB-Checkbox {
position: relative; position: relative;
width: 16px; width: $baseSize * 2;
height: 16px; height: $baseSize * 2;
border: 1px solid $cMainLine; border: 1px solid $cMainLine;
border-radius: 3px; border-radius: 3px;
@ -100,14 +100,14 @@
} }
&:before { &:before {
right: 4px; right: $baseSize / 2;
height: 8px; height: $baseSize;
transform: rotate(45deg); transform: rotate(45deg);
} }
&:after { &:after {
left: 4px; left: $baseSize / 2;
height: 6px; height: $baseSize - 2;
transform: rotate(-45deg); transform: rotate(-45deg);
} }
@ -204,15 +204,15 @@
.CDB-Range::-webkit-slider-thumb { .CDB-Range::-webkit-slider-thumb {
position: relative; position: relative;
width: 4px; width: $baseSize / 2;
height: 100%; height: 100%;
border-radius: 4px; border-radius: $baseSize / 2;
} }
.CDB-Range::-webkit-slider-runnable-track { .CDB-Range::-webkit-slider-runnable-track {
height: 4px; height: $baseSize / 2;
margin: 8px 0; margin: $baseSize 0;
border-radius: 4px; border-radius: $baseSize / 2;
background: $cMainLine; background: $cMainLine;
} }
@ -222,8 +222,8 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
left: -3000px; left: -3000px;
height: 4px; height: $baseSize / 2;
border-radius: 4px; border-radius: $baseSize / 2;
background: $cBlue; background: $cBlue;
content: ''; content: '';
} }
@ -234,8 +234,8 @@
right: -6px; right: -6px;
bottom: -6px; bottom: -6px;
left: -6px; left: -6px;
width: 12px; width: $baseSize + 4;
height: 12px; height: $baseSize + 4;
border: 1px solid $cMainLine; border: 1px solid $cMainLine;
border-radius: 50%; border-radius: 50%;
background: $cWhite; background: $cWhite;