use vars
This commit is contained in:
parent
4203b5d675
commit
2ae455d7de
@ -14,8 +14,8 @@
|
||||
@import '../cdb-variables/colors';
|
||||
|
||||
.CDB-Box-Modal {
|
||||
background: $cWhite;
|
||||
border: 1px solid $cMainLine;
|
||||
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 {
|
||||
position: relative;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: $baseSize * 2;
|
||||
height: $baseSize * 2;
|
||||
border: 1px solid $cMainLine;
|
||||
border-radius: 50%;
|
||||
|
||||
@ -27,8 +27,8 @@
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
width: $baseSize - 2;
|
||||
height: $baseSize - 2;
|
||||
margin-top: -3px;
|
||||
margin-left: -3px;
|
||||
border-radius: 50%;
|
||||
@ -83,8 +83,8 @@
|
||||
|
||||
.CDB-Checkbox {
|
||||
position: relative;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
width: $baseSize * 2;
|
||||
height: $baseSize * 2;
|
||||
border: 1px solid $cMainLine;
|
||||
border-radius: 3px;
|
||||
|
||||
@ -100,14 +100,14 @@
|
||||
}
|
||||
|
||||
&:before {
|
||||
right: 4px;
|
||||
height: 8px;
|
||||
right: $baseSize / 2;
|
||||
height: $baseSize;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
&:after {
|
||||
left: 4px;
|
||||
height: 6px;
|
||||
left: $baseSize / 2;
|
||||
height: $baseSize - 2;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
@ -204,15 +204,15 @@
|
||||
|
||||
.CDB-Range::-webkit-slider-thumb {
|
||||
position: relative;
|
||||
width: 4px;
|
||||
width: $baseSize / 2;
|
||||
height: 100%;
|
||||
border-radius: 4px;
|
||||
border-radius: $baseSize / 2;
|
||||
}
|
||||
|
||||
.CDB-Range::-webkit-slider-runnable-track {
|
||||
height: 4px;
|
||||
margin: 8px 0;
|
||||
border-radius: 4px;
|
||||
height: $baseSize / 2;
|
||||
margin: $baseSize 0;
|
||||
border-radius: $baseSize / 2;
|
||||
background: $cMainLine;
|
||||
}
|
||||
|
||||
@ -222,8 +222,8 @@
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: -3000px;
|
||||
height: 4px;
|
||||
border-radius: 4px;
|
||||
height: $baseSize / 2;
|
||||
border-radius: $baseSize / 2;
|
||||
background: $cBlue;
|
||||
content: '';
|
||||
}
|
||||
@ -234,8 +234,8 @@
|
||||
right: -6px;
|
||||
bottom: -6px;
|
||||
left: -6px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
width: $baseSize + 4;
|
||||
height: $baseSize + 4;
|
||||
border: 1px solid $cMainLine;
|
||||
border-radius: 50%;
|
||||
background: $cWhite;
|
||||
|
Loading…
Reference in New Issue
Block a user