Biome now handles backend SCSS

- applies SCSS formatter preferences through the shared backend Biome config

- keeps useful duplicate-property linting enabled while suppressing legacy breakpoint override false positives

Author: chlebektomas

assets/src/styles/custom.scss

@@ -11,6 +11,7 @@
         overflow: hidden;
 
         @include media-breakpoint-up(xl) {
+            /* biome-ignore lint/suspicious/noDuplicateProperties: breakpoint override intentionally redefines the base declaration */
             flex-basis: auto;
         }
     }
@@ -19,6 +20,7 @@
         width: 100%;
 
         @include media-breakpoint-up(sm) {
+            /* biome-ignore lint/suspicious/noDuplicateProperties: breakpoint override intentionally redefines the base declaration */
             width: auto;
         }
     }
@@ -28,6 +30,7 @@
         justify-content: space-between;
 
         @include media-breakpoint-up(sm) {
+            /* biome-ignore lint/suspicious/noDuplicateProperties: breakpoint override intentionally redefines the base declaration */
             width: auto;
         }
     }
@@ -49,6 +52,7 @@
     margin-bottom: 10vh !important;
 
     @include media-breakpoint-up(xl) {
+        /* biome-ignore lint/suspicious/noDuplicateProperties: breakpoint override intentionally redefines the base declaration */
         margin-bottom: 20vh !important;
     }
 
@@ -82,7 +86,7 @@
 }
 
 .link-disabled {
-    opacity: .4;
+    opacity: 0.4;
     cursor: not-allowed;
     pointer-events: auto;
 }

assets/src/styles/mailer-info.scss

@@ -3,6 +3,6 @@
     --tblr-alert-bg: color-mix(in srgb, var(--tblr-alert-color) 25%, transparent);
     --tblr-alert-border-color: color-mix(in srgb, var(--tblr-alert-color) 20%, transparent);
 
-    background-color: color-mix(in srgb,var(--tblr-alert-bg),var(--tblr-bg-surface));
+    background-color: color-mix(in srgb, var(--tblr-alert-bg), var(--tblr-bg-surface));
     border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-alert-border-color);
 }

assets/src/styles/role-grid.scss

@@ -2,7 +2,7 @@
     visibility: hidden;
     opacity: 0;
     pointer-events: none;
-    transition: opacity .15s ease-in-out;
+    transition: opacity 0.15s ease-in-out;
 
     tr:hover & {
         visibility: visible;

assets/src/styles/sidebar.scss

@@ -1,6 +1,6 @@
 $sidebar-width: 18rem;
 
-$sidebar-bg: linear-gradient(90deg, #1A2342 0%, #243056 100%);
+$sidebar-bg: linear-gradient(90deg, #1a2342 0%, #243056 100%);
 $sidebar-fg: #f9fafb;
 $sidebar-hover-bg: rgba($sidebar-fg, 0.1);
 $sidebar-active-bg: rgba(0, 0, 0, 0.25);