Smoll fix

COS301-SE-2023 · Oct 25, 2023 · 19de3b8 · 19de3b8
1 parent 3c415cc
commit 19de3b8
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 37 deletions.
diff --git a/src/apps/blazor-app/Components/Advanced/BuildYourHome.razor b/src/apps/blazor-app/Components/Advanced/BuildYourHome.razor
@@ -268,7 +268,7 @@
                     string hexColor = calculationDataHandler.GetColorGradient(99);
                     @* ToDo: Implement the hexColor Here too *@
 
-                    <p class="text-5xl bg-[@hexColor] font-semibold">99+</p>
+                    <p class="text-5xl text-primary-900 font-semibold">99+</p>
                 } else {
                     string hexColor = calculationDataHandler.GetColorGradient(99);
                     @* ToDo: Implement the hexColor Here too *@

diff --git a/src/apps/blazor-app/wwwroot/css/app.css b/src/apps/blazor-app/wwwroot/css/app.css
@@ -1024,16 +1024,6 @@ video {
   margin-bottom: auto;
 }
 
-.\!my-auto {
-  margin-top: auto !important;
-  margin-bottom: auto !important;
-}
-
-.\!mx-auto {
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-
 .-mb-2 {
   margin-bottom: -0.5rem;
 }
@@ -2577,6 +2567,50 @@ video {
   background-color: rgb(255 193 8 / var(--tw-bg-opacity));
 }
 
+.bg-\[\] {
+  background-color: ;
+}
+
+.bg-\[\@\] {
+  background-color: @;
+}
+
+.bg-\[\@hexColor\] {
+  background-color: @hexColor;
+}
+
+.bg-\[FF0000\] {
+  background-color: FF0000;
+}
+
+.bg-\[FF0000FF\] {
+  background-color: FF0000FF;
+}
+
+.bg-\[\#FF0000FF\] {
+  background-color: #FF0000FF;
+}
+
+.bg-\[\#c27f7f\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 127 127 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#ff0000\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#6b2e2e\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 46 46 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#f70000\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 0 0 / var(--tw-bg-opacity));
+}
+
 .bg-gradient-to-br {
   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
 }
@@ -4423,10 +4457,6 @@ html {
     height: 18rem;
   }
 
-  .md\:h-8 {
-    height: 2rem;
-  }
-
   .md\:h-80 {
     height: 20rem;
   }
@@ -4444,6 +4474,10 @@ html {
     height: fit-content;
   }
 
+  .md\:h-8 {
+    height: 2rem;
+  }
+
   .md\:w-1\/2 {
     width: 50%;
   }
@@ -4460,10 +4494,6 @@ html {
     width: 40%;
   }
 
-  .md\:w-8 {
-    width: 2rem;
-  }
-
   .md\:w-\[45\%\] {
     width: 45%;
   }
@@ -4477,8 +4507,8 @@ html {
     width: 100%;
   }
 
-  .md\:w-80 {
-    width: 20rem;
+  .md\:w-8 {
+    width: 2rem;
   }
 
   .md\:w-12 {
@@ -4489,16 +4519,8 @@ html {
     width: 4rem;
   }
 
-  .md\:w-24 {
-    width: 6rem;
-  }
-
-  .md\:w-32 {
-    width: 8rem;
-  }
-
-  .md\:w-60 {
-    width: 15rem;
+  .md\:w-80 {
+    width: 20rem;
   }
 
   .md\:flex-shrink-0 {
@@ -4531,12 +4553,6 @@ html {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
 
-  .md\:scale-\[2\.6\] {
-    --tw-scale-x: 2.6;
-    --tw-scale-y: 2.6;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
   .md\:flex-row {
     flex-direction: row;
   }