ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Replace values with a variable

This commit is contained in:
Ramon Wenger 2019-07-18 16:33:21 +02:00
parent b84059adf5
commit 3a64365f7d
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/styles/_forms.scss
View File

@ -9,6 +9,8 @@
background-color: $color-white; background-color: $color-white;
} }
$icon-size: 20px;
.skillbox-input { .skillbox-input {
@include inputstyle; @include inputstyle;
@ -56,8 +58,8 @@
} }
&__icon { &__icon {
width: 20px; width: $icon-size;
height: 20px; height: $icon-size;
display: flex; display: flex;
border: 2px solid $color-silver-dark; border: 2px solid $color-silver-dark;
justify-content: center; justify-content: center;
@ -108,8 +110,8 @@
background-size: 12px 12px; background-size: 12px 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50% 50%; background-position: 50% 50%;
width: 20px; width: $icon-sizex;
height: 20px; height: $icon-size;
} }
#{$base}__input:checked + #{$base}__checkbox { #{$base}__input:checked + #{$base}__checkbox {
@ -117,8 +119,8 @@
background-size: 12px 12px; background-size: 12px 12px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50% 50%; background-position: 50% 50%;
width: 20px; width: $icon-size;
height: 20px; height: $icon-size;
} }
#{$base}__label-container { #{$base}__label-container {