diff --git a/src/scss/media-queries.scss b/src/scss/media-queries.scss index b0a06d6..b75e7db 100644 --- a/src/scss/media-queries.scss +++ b/src/scss/media-queries.scss @@ -4,6 +4,7 @@ $phone-xs-width: 480px; $tablet-p-width: 768px; $tablet-l-width: 1024px; $desktop-width: 1200px; +$desktop-l-width: 1600px; // Media @mixin mobile-only{ @@ -41,6 +42,11 @@ $desktop-width: 1200px; @content; } } +@mixin desktop-lg-min{ + @media (min-width: #{$desktop-l-width}){ + @content; + } +} @mixin retina{ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){ @content;