Corrected all code styles that need manual intervention

slt/.stylelintrc.json

@@ -6,6 +6,8 @@
     ],
     "rules": {
         "indentation": 4,
-        "selector-class-pattern": "^([a-z][a-z0-9]*)((-|__)[a-z0-9]+)*$"
+        "selector-class-pattern": "^([a-z][a-z0-9]*)((-|__)[a-z0-9]+)*$",
+        "string-quotes": "single",
+        "declaration-colon-newline-after": null
     }
   }

slt/css/core/_default-classes.scss

@@ -27,6 +27,13 @@ li.row-fluid {
 //     background-color: initial;
 // }
 
+.table-striped {
+    > thead > tr {
+        color: var(--color-effect-header, #000);
+        background-color: var(--color-effect-background-header, #aaa);
+    }
+}
+
 .list-striped li:nth-child(odd),
 .row-striped .row-fluid:nth-child(odd),
 .table-striped > tbody > tr:nth-child(odd) {
@@ -41,13 +48,6 @@ li.row-fluid {
     background-color: var(--color-effect-background-header, #aaa);
 }
 
-.table-striped {
-    > thead > tr {
-        color: var(--color-effect-header, #000);
-        background-color: var(--color-effect-background-header, #aaa);
-    }
-}
-
 .table-hover > tbody > tr:hover > * {
     color: unset;
 }

slt/css/layout/_menu.scss

@@ -1,5 +1,14 @@
 @use '../abstract' as abstract;
 
+.nav,
+.mod-menu__sub {
+    padding: 0;
+
+    > li {
+        display: block;
+    }
+}
+
 .nav {
     font-size: inherit;
     color: var(--color-menu, #000);
@@ -19,32 +28,20 @@
         color: var(--color-menu-active, #000);
         background-color: var(--color-menu-background-active, #ccc);
     }
-}
 
-.mod-menu__sub {
+    .mod-menu__sub {
-    font-size: small;
+        font-size: small;
+        padding-left: 10px;
+        margin-left: 10px;
 
-    > li > a {
+        /* border-left: solid gray 1px; */
-        @include abstract.for-desktop {
-            display: block;
-        }
-    }
-}
 
-.nav,
+        /* TODO */
-.mod-menu__sub {
-    padding: 0;
 
-    > li {
+        > li > a {
-        display: block;
+            @include abstract.for-desktop {
-
+                display: block;
-        > .mod-menu__sub {
+            }
-            padding-left: 10px;
-            margin-left: 10px;
-
-            /* border-left: solid gray 1px; */
-
-            /* TODO */
         }
     }
 }

slt/css/layout/_mobile-menu.scss

@@ -36,6 +36,18 @@
             color: var(--color-menu-active, #000);
             background-color: var(--color-menu-background-active, #ccc);
         }
+
+        margin-left: 5px;
+        margin-right: 5px;
+
+        ul {
+            border: none;
+        }
+
+        > ul.nav {
+            margin-left: -5px;
+            margin-right: -5px;
+        }
     }
 
     .nav {
@@ -50,20 +62,6 @@
         flex-direction: column;
     }
 
-    li {
-        margin-left: 5px;
-        margin-right: 5px;
-    }
-
-    li > ul.nav {
-        margin-left: -5px;
-        margin-right: -5px;
-    }
-
-    li ul {
-        border: none;
-    }
-
     > ul.mod-menu {
         background-color: initial;
         color: initial;

slt/css/layout/_topmenu.scss

@@ -42,13 +42,6 @@
         padding: 0;
         border-style: none;
         height: 100%;
-
-        &:hover,
-        &:focus,
-        &.active {
-            color: var(--color-fg-top-dark, #000);
-            background-color: var(--color-bg-top-dark, #aaa);
-        }
     }
 
     .nav {
@@ -91,6 +84,13 @@
                 background-color: inherit;
             }
 
+            &:hover,
+            &:focus,
+            &.active {
+                color: var(--color-fg-top-dark, #000);
+                background-color: var(--color-bg-top-dark, #aaa);
+            }
+
             > .mod-menu__sub {
                 position: absolute;
                 display: none;
@@ -119,6 +119,13 @@
                         }
                     }
 
+                    &:hover,
+                    &:focus,
+                    &.active {
+                        color: var(--color-fg-top-dark, #000);
+                        background-color: var(--color-bg-top-dark, #aaa);
+                    }
+
                     &:hover > a {
                         text-decoration: none;
                     }

slt/css/style.scss

@@ -1,7 +1,7 @@
-@use "abstract";
+@use 'abstract';
-@use "core";
+@use 'core';
-@use "layout";
+@use 'layout';
-@use "components";
+@use 'components';
 
 /*
  * Debug