From 3a64365f7d3d335830abe0c858d36ab2705f9e8a Mon Sep 17 00:00:00 2001 From: Ramon Wenger Date: Thu, 18 Jul 2019 16:33:21 +0200 Subject: [PATCH] Replace values with a variable --- client/src/styles/_forms.scss | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/client/src/styles/_forms.scss b/client/src/styles/_forms.scss index 1c9c600a..8ce75beb 100644 --- a/client/src/styles/_forms.scss +++ b/client/src/styles/_forms.scss @@ -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 {