Merge pull request #30 from sanctuarycomputer/media-query

conordavidson · web-flow · commit 212418eb43c8 · 2020-04-07T07:57:48.000-07:00
Make media query to not overlap
diff --git a/src/utils.scss b/src/utils.scss
@@ -26,7 +26,7 @@ $media-queries: ();
   @if $next-breakpoint-index <= length($breakpoint-sizes) {
     $next-breakpoint-size: nth($breakpoint-sizes, $next-breakpoint-index);
     $media-queries: map-merge($media-queries, (
-      '#{$name}-down': 'max-width: #{$next-breakpoint-size}'
+      '#{$name}-down': 'max-width: #{calc($next-breakpoint-size - 1px)}'
     ));
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ $media-queries: ();`
`26`	`26`	`@if $next-breakpoint-index <= length($breakpoint-sizes) {`
`27`	`27`	`$next-breakpoint-size: nth($breakpoint-sizes, $next-breakpoint-index);`
`28`	`28`	`$media-queries: map-merge($media-queries, (`
`29`		`- '#{$name}-down': 'max-width: #{$next-breakpoint-size}'`
	`29`	`+ '#{$name}-down': 'max-width: #{calc($next-breakpoint-size - 1px)}'`
`30`	`30`	`));`
`31`	`31`	`}`
`32`	`32`	`}`