themes/tsc_vfl/assets/css/main.scss

@@ -342,15 +342,16 @@ h1 {
         // height: 250px;
         display: none;
 
-        @include media-large {
-            display: flex;
-        }
-
         padding: 0 10px;
         border-right: 20px solid $color-red;
         border-left: 20px solid $color-red;
         position: relative;
 
+        @include media-large {
+            display: flex;
+        }
+
+
         > img {
             width: calc(100% - 20px);
 
@@ -525,15 +526,15 @@ h1 {
 .person {
     width: 100%;
 
-    @include media-large {
-        width: calc(50% - #{$gap-columns-persons} / 2);
-    }
-
     height: 80px;
 
     // margin: 10px 25px 10px 0;
     display: flex;
     
+    @include media-large {
+        width: calc(50% - #{$gap-columns-persons} / 2);
+    }
+
     > .image {
         flex: 60px 0 0;
 
@@ -664,12 +665,11 @@ h1 {
     padding: 30px 5% 0;
     box-sizing: border-box;
 
+    border-top: 1px solid $color-hor-line;
+
     @include media-large {
         display: none;
     }
-
-    border-top: 1px solid $color-hor-line;
-
     
     .level-1 {
         width: 100%;

themes/tsc_vfl/layouts/partials/page/head.html

@@ -11,7 +11,7 @@
     {{ end }}
     {{ end }}
     {{ with .Keywords }}<meta name="keywords" content="{{ delimit . "," "," }}">{{ end }}
-    {{ $options := (dict "targetPath" "main.css" "outputStyle" "compressed" "enableSourceMap" (not hugo.IsProduction)) }}
+    {{ $options := (dict "targetPath" "main.css" "outputStyle" "compressed" "enableSourceMap" (not hugo.IsProduction) "transpiler" "dartsass") }}
     {{ $scss := resources.Get "css/main.scss" | css.Sass $options  }}
     <link rel="stylesheet" type="text/css" href="{{ $scss.RelPermalink }}" />
     {{ $title := print .Site.Title " | " .Title }}