KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Mediaquery for large desktop

Browse Source
This commit is contained in:
Kevin
2019-06-02 00:26:43 +02:00
parent c8dbe02ffc
commit de9ac7baaf
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/scss/media-queries.scss
View File

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