From bcd3fec6310840f09073a721b9304490fb7dc91d Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Wed, 20 Aug 2025 18:13:56 +0200
Subject: [PATCH] :art: Generic custom CSS class

---
 .../dashboard/dashboard.component.scss        | 50 -------------------
 src/src/styles.scss                           | 50 +++++++++++++++++++
 2 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/src/src/app/components/dashboard/dashboard.component.scss b/src/src/app/components/dashboard/dashboard.component.scss
index cbc8f2d..956fd18 100644
--- a/src/src/app/components/dashboard/dashboard.component.scss
+++ b/src/src/app/components/dashboard/dashboard.component.scss
@@ -6,53 +6,3 @@
   flex: 1;
   flex-grow: 1;
 }
-
-.custom-button {
-  appearance: button;
-  text-decoration: none;
-  background-color: #3851e1;
-  border-radius: 6px;
-  border-width: 0;
-  box-shadow:
-    rgba(50, 50, 93, 0.1) 0 0 0 1px inset,
-    rgba(50, 50, 93, 0.1) 0 2px 5px 0,
-    rgba(0, 0, 0, 0.07) 0 1px 1px 0;
-  box-sizing: border-box;
-  color: #fff;
-  cursor: pointer;
-  font-size: 100%;
-  height: 44px;
-  line-height: 1.15;
-  outline: none;
-  overflow: hidden;
-  padding: 0 25px;
-  position: relative;
-  text-align: center;
-  text-transform: none;
-  transform: translateZ(0);
-  transition:
-    all 0.2s,
-    box-shadow 0.08s ease-in;
-  user-select: none;
-  -webkit-user-select: none;
-  touch-action: manipulation;
-  width: 100%;
-  max-width: fit-content;
-
-  &.orange {
-    background-color: #f57340;
-  }
-
-  &:disabled {
-    cursor: default;
-    background-color: #a6a6a6;
-  }
-
-  &:focus {
-    box-shadow:
-      rgba(50, 50, 93, 0.1) 0 0 0 1px inset,
-      rgba(50, 50, 93, 0.2) 0 6px 15px 0,
-      rgba(0, 0, 0, 0.1) 0 2px 2px 0,
-      rgba(50, 151, 211, 0.3) 0 0 0 4px;
-  }
-}
diff --git a/src/src/styles.scss b/src/src/styles.scss
index 5316b7c..9e54526 100644
--- a/src/src/styles.scss
+++ b/src/src/styles.scss
@@ -157,3 +157,53 @@ html {
 .slide-x {
   animation: slide-x 0.3s both;
 }
+
+.custom-button {
+  appearance: button;
+  text-decoration: none;
+  background-color: #3851e1;
+  border-radius: 6px;
+  border-width: 0;
+  box-shadow:
+    rgba(50, 50, 93, 0.1) 0 0 0 1px inset,
+    rgba(50, 50, 93, 0.1) 0 2px 5px 0,
+    rgba(0, 0, 0, 0.07) 0 1px 1px 0;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  font-size: 100%;
+  height: 44px;
+  line-height: 1.15;
+  outline: none;
+  overflow: hidden;
+  padding: 0 25px;
+  position: relative;
+  text-align: center;
+  text-transform: none;
+  transform: translateZ(0);
+  transition:
+    all 0.2s,
+    box-shadow 0.08s ease-in;
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: manipulation;
+  width: 100%;
+  max-width: fit-content;
+
+  &.orange {
+    background-color: #f57340;
+  }
+
+  &:disabled {
+    cursor: default;
+    background-color: #a6a6a6;
+  }
+
+  &:focus {
+    box-shadow:
+      rgba(50, 50, 93, 0.1) 0 0 0 1px inset,
+      rgba(50, 50, 93, 0.2) 0 6px 15px 0,
+      rgba(0, 0, 0, 0.1) 0 2px 2px 0,
+      rgba(50, 151, 211, 0.3) 0 0 0 4px;
+  }
+}