4565: Applied coding standards to scss,css

Author: tuj

assets/admin/app.scss

@@ -19,8 +19,8 @@ body {
   height: 100vh;
   height: -webkit-fill-available;
   max-height: 100vh;
-//  overflow-x: auto;
-//  overflow-y: hidden;  // TODO: Why was this added?
+  //  overflow-x: auto;
+  //  overflow-y: hidden;  // TODO: Why was this added?
 }
 
 // To make multicomponent look like bootstrap for now

assets/shared/template/global-styles.css

@@ -51,13 +51,17 @@
   --color-red-oklch-l: 50%;
   --color-red-oklch-c: 0.25;
   --color-red-oklch-h: 29;
-  --color-red-50: oklch(95% calc(var(--color-red-oklch-c) - 0.20) var(--color-red-oklch-h));
+  --color-red-50: oklch(
+    95% calc(var(--color-red-oklch-c) - 0.2) var(--color-red-oklch-h)
+  );
   --color-red-100: oklch(90% var(--color-red-oklch-c) var(--color-red-oklch-h));
   --color-red-200: oklch(85% var(--color-red-oklch-c) var(--color-red-oklch-h));
   --color-red-300: oklch(80% var(--color-red-oklch-c) var(--color-red-oklch-h));
   --color-red-400: oklch(70% var(--color-red-oklch-c) var(--color-red-oklch-h));
   --color-red-500: oklch(60% var(--color-red-oklch-c) var(--color-red-oklch-h));
-  --color-red-600: oklch(var(--color-red-oklch-l) var(--color-red-oklch-c) var(--color-red-oklch-h));
+  --color-red-600: oklch(
+    var(--color-red-oklch-l) var(--color-red-oklch-c) var(--color-red-oklch-h)
+  );
   --color-red-700: oklch(40% var(--color-red-oklch-c) var(--color-red-oklch-h));
   --color-red-800: oklch(30% var(--color-red-oklch-c) var(--color-red-oklch-h));
   --color-red-900: oklch(20% var(--color-red-oklch-c) var(--color-red-oklch-h));
@@ -66,23 +70,46 @@
   --color-green-oklch-l: 50%;
   --color-green-oklch-c: 0.17;
   --color-green-oklch-h: 142;
-  --color-green-50: oklch(95% calc(var(--color-green-oklch-c) - 0.15) var(--color-green-oklch-h));
-  --color-green-100: oklch(90% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-200: oklch(85% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-300: oklch(80% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-400: oklch(70% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-500: oklch(60% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-600: oklch(var(--color-green-oklch-l) var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-700: oklch(40% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-800: oklch(30% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-900: oklch(20% var(--color-green-oklch-c) var(--color-green-oklch-h));
-  --color-green-950: oklch(15% var(--color-green-oklch-c) var(--color-green-oklch-h));
+  --color-green-50: oklch(
+    95% calc(var(--color-green-oklch-c) - 0.15) var(--color-green-oklch-h)
+  );
+  --color-green-100: oklch(
+    90% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-200: oklch(
+    85% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-300: oklch(
+    80% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-400: oklch(
+    70% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-500: oklch(
+    60% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-600: oklch(
+    var(--color-green-oklch-l) var(--color-green-oklch-c)
+      var(--color-green-oklch-h)
+  );
+  --color-green-700: oklch(
+    40% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-800: oklch(
+    30% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-900: oklch(
+    20% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
+  --color-green-950: oklch(
+    15% var(--color-green-oklch-c) var(--color-green-oklch-h)
+  );
 
   /*
   * Fonts
   */
-  --font-family-base: system-ui, -apple-system, Roboto, "Helvetica Neue", Arial,
-    sans-serif;
+  --font-family-base:
+    system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
   --font-weight-light: 300;
   --font-weight-normal: 400;
   --font-weight-bold: 700;