_header.scss in trestle-0.10.0.pre

- old
+ new

@@ -1,5 +1,7 @@
+@use "sass:math";
+
 .app-header {
   flex: 0 0 $header-height;
   height: $header-height;
 
   display: flex;
@@ -10,15 +12,15 @@
   padding-right: $grid-gutter-width;
 
   background: $header-bg;
 }
 
-@include media-breakpoint-down(sm) {
+@include media-breakpoint-down(md) {
   .app-header {
     margin-top: -$header-height;
 
-    padding-left: $grid-gutter-width / 2;
-    padding-right: $grid-gutter-width / 2;
+    padding-left: math.div($grid-gutter-width, 2);
+    padding-right: math.div($grid-gutter-width, 2);
 
     // Hide all elements by default
     > * {
       display: none;
     }