From 0ef7f9f1fa09aa5fa2bc6fe238d747ebf72577de Mon Sep 17 00:00:00 2001
From: taitus <sebastia.roig@gmail.com>
Date: Fri, 29 Nov 2024 10:46:00 +0100
Subject: [PATCH] Extract close button definition to mixin

---
 app/assets/stylesheets/admin/budgets/heading_mode.scss |  8 +-------
 app/assets/stylesheets/mixins/buttons.scss             | 10 ++++++++++
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/admin/budgets/heading_mode.scss b/app/assets/stylesheets/admin/budgets/heading_mode.scss
index cddd75e1d..abeece95c 100644
--- a/app/assets/stylesheets/admin/budgets/heading_mode.scss
+++ b/app/assets/stylesheets/admin/budgets/heading_mode.scss
@@ -66,12 +66,6 @@
   }
 
   .close-button {
-    border: 3px solid $admin-text;
-    border-radius: 50%;
-    color: $admin-text;
-    font-size: rem-calc(23);
-    font-weight: bold;
-    height: rem-calc(30);
-    width: rem-calc(30);
+    @include modal-close-button($admin-text);
   }
 }
diff --git a/app/assets/stylesheets/mixins/buttons.scss b/app/assets/stylesheets/mixins/buttons.scss
index 72691b9f1..39445e20a 100644
--- a/app/assets/stylesheets/mixins/buttons.scss
+++ b/app/assets/stylesheets/mixins/buttons.scss
@@ -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);
+}