refactor: remove unused background colors and clean up CSS styles

Author: mathertel

css/iot.scss

@@ -59,49 +59,6 @@
   }
 }
 
-// ===== Dashboard of cards =====
-
-
-body {
-  container-type: size;
-}
-
-.panel {
-  display: grid;
-  gap: var(--grid-gap);
-  grid-template-columns: repeat(auto-fill, var(--grid-width));
-  grid-auto-rows: minmax(min-content, max-content);
-  grid-auto-flow: row;
-  margin-top: 0.5rem;
-  margin-left: auto;
-  margin-right: auto;
-  width: calc(2 * var(--grid-width) + var(--grid-gap));
-
-  @container (width >= 84ch) {
-    width: calc(4 * var(--grid-width) + 3 * var(--grid-gap));
-  }
-
-  @container (width >= 126ch) {
-    width: calc(6 * var(--grid-width) + 5 * var(--grid-gap));
-  }
-
-  >.card {
-    grid-column: span 2;
-    width: 100%;
-    min-width: 100%;
-    align-self: start;
-  }
-
-  >.card.small {
-    grid-column: span 1;
-  }
-
-  >.card.wide {
-    grid-column: span 4;
-  }
-}
-
-
 
 // ===== forms / input / groups =====
 

css/page.scss

@@ -125,7 +125,6 @@ body.sitelayout {
 
   aside {
     grid-area: sidebar;
-    background-color: lime;
     padding: var(--layout-gap);
 
     @media print {
@@ -137,13 +136,11 @@ body.sitelayout {
     grid-area: main;
     container-name: main;
     container-type: inline-size;
-    background-color: var(--content-back);
     padding: var(--layout-gap);
   }
 
   footer {
     grid-area: footer;
-    background-color: lightblue;
     padding: var(--layout-gap);
   }
 
@@ -158,7 +155,6 @@ body.sitelayout {
     left: -24ch;
     transition: all 0.2s;
     padding: 1rem 0.2rem 0.2rem;
-    background-color: yellowgreen;
 
     &.open {
       left: 0;