diff --git a/src/scss/cdb-components/boxes.scss b/src/scss/cdb-components/boxes.scss index 3022e41..284631f 100644 --- a/src/scss/cdb-components/boxes.scss +++ b/src/scss/cdb-components/boxes.scss @@ -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); } diff --git a/src/scss/cdb-components/forms.scss b/src/scss/cdb-components/forms.scss index 655dae5..966b195 100644 --- a/src/scss/cdb-components/forms.scss +++ b/src/scss/cdb-components/forms.scss @@ -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;