Replace values with a variable
This commit is contained in:
parent
b84059adf5
commit
3a64365f7d
|
|
@ -9,6 +9,8 @@
|
|||
background-color: $color-white;
|
||||
}
|
||||
|
||||
$icon-size: 20px;
|
||||
|
||||
.skillbox-input {
|
||||
@include inputstyle;
|
||||
|
||||
|
|
@ -56,8 +58,8 @@
|
|||
}
|
||||
|
||||
&__icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
width: $icon-size;
|
||||
height: $icon-size;
|
||||
display: flex;
|
||||
border: 2px solid $color-silver-dark;
|
||||
justify-content: center;
|
||||
|
|
@ -108,8 +110,8 @@
|
|||
background-size: 12px 12px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
width: $icon-sizex;
|
||||
height: $icon-size;
|
||||
}
|
||||
|
||||
#{$base}__input:checked + #{$base}__checkbox {
|
||||
|
|
@ -117,8 +119,8 @@
|
|||
background-size: 12px 12px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
width: $icon-size;
|
||||
height: $icon-size;
|
||||
}
|
||||
|
||||
#{$base}__label-container {
|
||||
|
|
|
|||
Loading…
Reference in New Issue