Extract close button definition to mixin

This commit is contained in:
taitus
2024-11-29 10:46:00 +01:00
parent d7f701cc9a
commit 0ef7f9f1fa
2 changed files with 11 additions and 7 deletions

View File

@@ -66,12 +66,6 @@
} }
.close-button { .close-button {
border: 3px solid $admin-text; @include modal-close-button($admin-text);
border-radius: 50%;
color: $admin-text;
font-size: rem-calc(23);
font-weight: bold;
height: rem-calc(30);
width: rem-calc(30);
} }
} }

View File

@@ -120,3 +120,13 @@
} }
} }
} }
@mixin modal-close-button($color: currentcolor) {
border: 3px solid $color;
border-radius: 50%;
color: $color;
font-size: rem-calc(23);
font-weight: bold;
height: rem-calc(30);
width: rem-calc(30);
}