migrated scss files

FIUS · Dec 22, 2024 · dcf4980 · dcf4980
1 parent 311a58e
commit dcf4980
Show file tree

Hide file tree

Showing 22 changed files with 102 additions and 102 deletions.
diff --git a/frontend/src/Components/Admin/Checkout/checkout.module.scss b/frontend/src/Components/Admin/Checkout/checkout.module.scss
@@ -1,7 +1,7 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .container {
-    padding: $padding;
+    padding: variables.$padding;
 }
 
 .entryBottomInfo {
@@ -13,15 +13,15 @@
 
 .newCheckoutContainer {
     display: flex;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
     flex-direction: column;
     align-items: flex-start;
     flex-wrap: wrap;
 }
 
 .newCheckoutContainerHeadline {
     display: flex;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
     flex-direction: row;
     align-items: center;
 }
@@ -44,5 +44,5 @@
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
diff --git a/frontend/src/Components/Admin/Configurator/configurator.module.scss b/frontend/src/Components/Admin/Configurator/configurator.module.scss
@@ -1,4 +1,4 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .inputBox {
     width: 100%;
@@ -10,5 +10,5 @@
 
 .fullWidth {
     width: 100%;
-    padding: $padding;
+    padding: variables.$padding;
 }
diff --git a/frontend/src/Components/Admin/Drinks/drinks.module.scss b/frontend/src/Components/Admin/Drinks/drinks.module.scss
@@ -1,15 +1,15 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .drinksContainer {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .drinksContainerInner {
     @extend .drinksContainer;
-    margin-top: $padding;
+    margin-top: variables.$padding;
     width: 100%;
 }
 
@@ -20,8 +20,8 @@
     min-height: 60px;
     width: fit-content;
     min-width: 300px;
-    padding: $padding;
-    @media screen and (max-width: $PHONE_SIZE_THRESHOLD) {
+    padding: variables.$padding;
+    @media screen and (max-width: variables.$PHONE_SIZE_THRESHOLD) {
         width: 100%;
     }
 }
@@ -38,15 +38,15 @@
 .buttonsContainer {
     display: flex;
     flex-wrap: wrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .drinksOutterContainer {
-    padding: $padding;
+    padding: variables.$padding;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .smallTextField {
@@ -67,24 +67,24 @@
     flex-direction: row;
     align-items: flex-end;
     justify-content: flex-end;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .topContainer {
     display: flex;
     flex-wrap: wrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .editDrinkRow {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .editDrinkContainer {
     display: flex;
     flex-direction: column;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
diff --git a/frontend/src/Components/Admin/Members/exchangedialog.module.scss b/frontend/src/Components/Admin/Members/exchangedialog.module.scss
@@ -1,9 +1,9 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .outter{
     display: flex;
     flex-wrap: wrap;
-    gap: calc(3*$flex-gap);
+    gap: calc(3*variables.$flex-gap);
 }
 
 .inner{

diff --git a/frontend/src/Components/Admin/Members/member.module.scss b/frontend/src/Components/Admin/Members/member.module.scss
@@ -1,12 +1,12 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .table {
-    padding: $padding;
+    padding: variables.$padding;
 }
 
 .newMemberContainer{
-    margin-left: $padding !important;
-    margin-right: $padding !important;
+    margin-left: variables.$padding !important;
+    margin-right: variables.$padding !important;
     max-width: max-content;
 }
 
@@ -26,7 +26,7 @@
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .searchID {
@@ -41,5 +41,5 @@
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
diff --git a/frontend/src/Components/Admin/Members/memberChange.module.scss b/frontend/src/Components/Admin/Members/memberChange.module.scss
@@ -1,14 +1,14 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .editMemberRow {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .editMemberContainer {
     display: flex;
     flex-direction: column;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
diff --git a/frontend/src/Components/Admin/Overview/overview.module.scss b/frontend/src/Components/Admin/Overview/overview.module.scss
@@ -1,10 +1,10 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .overview{
-    padding: $padding;
+    padding: variables.$padding;
     display: flex;
     flex-wrap: wrap;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .button{

diff --git a/frontend/src/Components/Admin/Settings/settings.module.scss b/frontend/src/Components/Admin/Settings/settings.module.scss
@@ -1,20 +1,20 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .container {
-    padding: $padding;
+    padding: variables.$padding;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-items: flex-start;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .uploadContainer {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .fileInput {
@@ -27,5 +27,5 @@
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-start;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
diff --git a/frontend/src/Components/Admin/Statistics/statistics.module.scss b/frontend/src/Components/Admin/Statistics/statistics.module.scss
@@ -1,5 +1,5 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .container{
-    padding: $padding;
+    padding: variables.$padding;
 }
diff --git a/frontend/src/Components/Admin/Transactions/transactions.module.scss b/frontend/src/Components/Admin/Transactions/transactions.module.scss
@@ -1,7 +1,7 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .table{
-    padding: $padding;
+    padding: variables.$padding;
 }
 
 .firstRowAlign{

diff --git a/frontend/src/Components/Common/InfoBox/infobox.module.scss b/frontend/src/Components/Common/InfoBox/infobox.module.scss
@@ -1,7 +1,7 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .tableContainer{
-    padding: $padding;
+    padding: variables.$padding;
 
 }
 
@@ -15,7 +15,7 @@
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .tableContainerNoPadding{

diff --git a/frontend/src/Components/Common/Login/login.module.scss b/frontend/src/Components/Common/Login/login.module.scss
@@ -1,4 +1,4 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .outterContainer {
     width: 100%;
@@ -7,7 +7,7 @@
     flex-wrap: wrap;
     align-items: center;
     text-align: center;
-    padding: $padding;
+    padding: variables.$padding;
 }
 
 .textfield {
@@ -21,5 +21,5 @@
     flex-wrap: wrap;
     align-items: center;
     text-align: center;
-    padding: $padding;
+    padding: variables.$padding;
 }
diff --git a/frontend/src/Components/Common/NavigationButton/navigationbutton.module.scss b/frontend/src/Components/Common/NavigationButton/navigationbutton.module.scss
@@ -1,12 +1,12 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .footer {
     position: fixed;
     bottom: 0;
     display: flex;
     justify-content: space-around;
     width: 100%;
-    padding: $padding;
+    padding: variables.$padding;
     z-index: 20000000;
 }
 

diff --git a/frontend/src/Components/Common/Toast/toast.module.scss b/frontend/src/Components/Common/Toast/toast.module.scss
@@ -1,9 +1,9 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .container {
     position: fixed;
     bottom: 0px;
-    left: $padding;
+    left: variables.$padding;
     display: flex;
     flex-direction: row;
     justify-content: flex-start;

diff --git a/frontend/src/Components/Common/TopBar/topbar.module.scss b/frontend/src/Components/Common/TopBar/topbar.module.scss
@@ -1,18 +1,18 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .aboutDialogRow {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: baseline;
     justify-content: flex-start;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .aboutDialogContainer {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-items: flex-start;
-    gap: calc(1.5 * $flex-gap);
+    gap: calc(1.5 * variables.$flex-gap);
 }
diff --git a/frontend/src/Components/Common/WarningPopup/warningpopup.module.scss b/frontend/src/Components/Common/WarningPopup/warningpopup.module.scss
@@ -1,17 +1,17 @@
-@import "../../Common/variables.module.scss";
+@use "../../Common/variables.module.scss";
 
 .title {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }
 
 .actions {
     display: flex !important;
     flex-direction: row-reverse;
     flex-wrap: wrap;
     justify-content: space-between !important;
-    gap: $flex-gap;
+    gap: variables.$flex-gap;
 }