themes/ccchh/assets/sass/main.scss

@@ -24,10 +24,9 @@ header {
   h6 {
     margin-bottom: 0;
   }
-
 }
 
-body>footer {
+body > footer {
   padding-top: var(--spacing);
   padding-bottom: var(--spacing);
   nav {
@@ -38,7 +37,7 @@ body>footer {
   }
 }
 
-body>main {
+body > main {
   padding-bottom: var(--spacing);
 }
 
@@ -90,12 +89,12 @@ body>main {
       border-radius: 0;
     }
 
-    &:first-child>a {
+    &:first-child > a {
       border-top-left-radius: var(--border-radius);
       border-bottom-left-radius: var(--border-radius);
     }
 
-    &:last-child>a {
+    &:last-child > a {
       border-top-right-radius: var(--border-radius);
       border-bottom-right-radius: var(--border-radius);
     }
@@ -124,10 +123,9 @@ body>main {
 // Room State in Menu
 #roomstate {
   font-size: 0.9em;
-  line-height: 1.0em;
+  line-height: 1em;
   max-width: 8em;
   padding: 5px;
-
   color: $roomstate_color_unknown;
 
   &.open {
@@ -155,7 +153,6 @@ body>main {
   border-radius: var(--border-radius);
   background: var(--code-background-color);
   padding: 10px 15px;
-
   margin-bottom: var(--typography-spacing-vertical);
 
   header {
@@ -195,8 +192,9 @@ body>main {
     img.groups-img {
       display: block;
       margin: 0 auto;
+
       // (250px - 2*var(--grid-spacing-horizontal)) * 3/4
-      max-height: (222px * 3/4);
+      max-height: (222px * 3 / 4);
     }
 
     // 2*250px + 2*var(--spacing) + 1px
@@ -205,7 +203,7 @@ body>main {
 
       img.groups-img {
         // (150px - 2*var(--grid-spacing-horizontal)) * 3/4
-        max-height: (122px*3/4);
+        max-height: (122px * 3 / 4);
       }
     }
 
@@ -215,7 +213,7 @@ body>main {
 
       img.groups-img {
         // (350px - 2*var(--grid-spacing-horizontal)) * 3/4
-        max-height: (322px*3/4);
+        max-height: (322px * 3 / 4);
       }
 
       // 2*350px + 2*var(--spacing) + 1px
@@ -224,12 +222,10 @@ body>main {
 
         img.groups-img {
           // (250px - 2*var(--grid-spacing-horizontal)) * 3/4
-          max-height: (222px*3/4);
+          max-height: (222px * 3 / 4);
         }
       }
     }
-
-
   }
 }
 
@@ -255,7 +251,6 @@ body>main {
 }
 
 
-
 // Blog Overview: Categories list
 div.nav-aside {
   ul {