Make CSS code styling well suited

themes/tsc_vfl/assets/css/_colors.scss

@@ -1,9 +1,7 @@
 $color-red: #cd1013;
-
 $color-background-mobile-menu: #f5f5f5;
 $color-background-mobile-menu-header: #e0e0e0;
 $color-hor-line: #a5a5a5;
-
 $color-vh-vorne: #ddcb55;
 $color-vh-mitte: #c98879;
 $color-vh-hinten: #0082c9;

themes/tsc_vfl/assets/css/_schedule.scss

@@ -8,7 +8,6 @@
     $border-style: solid lightgray 1px;
 
     display: grid;
-
     font-size: xx-small;
 
     @include r.media-large {
@@ -20,11 +19,13 @@
     .header {
         display: contents;
         font-weight: bold;
+
         div {
             width: 100%;
             text-align: center;
             box-sizing: border-box;
         }
+
         .rooms {
             display: flex;
             width: 100%;
@@ -34,6 +35,7 @@
                 text-align: center;
             }
         }
+
         .main-column {
             border-right: $border-style;
         }
@@ -42,13 +44,13 @@
     .table-row {
         height: $calendar-height-row;
         box-sizing: border-box;
-
         border-top: $border-style;
     }
 
     .times-left {
         border-right: $border-style;
     }
+
     .times-left, .times-right{
         width: 100%;
         padding: 0 5px;
@@ -56,16 +58,13 @@
 
     .main-entry {
         position: relative;
-
         border-right: $border-style;
 
         .event {
             position: absolute;
             z-index: 1;
-
             top: calc($calendar-height-row * var(--minutes) / 60.0);
             height: calc($calendar-height-row * var(--duration) / 60.0);
-
             width: 30%;
             padding: 1px 0;
             box-sizing: border-box;
@@ -75,15 +74,20 @@
 
             &.room-vorne {
                 --bg-color: var(--color-vhvorne);
+
                 left: 2.5%;
             }
+
             &.room-mitte {
                 --bg-color: var(--color-vhmitte);
+
                 left: 35%
             }
+
             &.room-hinten {
                 --bg-color: var(--color-vhhinten);
                 --fg-color: white;
+
                 left: 67.5%;
             }
 
@@ -93,7 +97,6 @@
                 box-sizing: border-box;
                 padding: 3px;
                 border-radius: 4px;
-
                 color: var(--fg-color);
                 background-color: var(--bg-color);
             }

themes/tsc_vfl/assets/css/main.scss

@@ -1,5 +1,5 @@
 @use 'responsive.scss' as r;
-@use './schedule.scss';
+@use './schedule';
 @use './colors.scss' as *;
 
 /* Variables */
@@ -226,7 +226,6 @@ table {
         // visibility: hidden;
         // height: 250px;
         display: none;
-
         padding: 0 10px;
         border-right: 20px solid $color-red;
         border-left: 20px solid $color-red;
@@ -410,7 +409,6 @@ table {
 
 .person {
     width: 100%;
-
     height: 80px;
 
     // margin: 10px 25px 10px 0;
@@ -549,7 +547,6 @@ table {
     margin: 30px 0;
     padding: 30px 5% 0;
     box-sizing: border-box;
-
     border-top: 1px solid $color-hor-line;
 
     @include r.media-large {