use vars
This commit is contained in:
parent
4203b5d675
commit
2ae455d7de
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user