KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

added grid for all requested wines, also added new media-breakpoints

Browse Source
This commit is contained in:
Adrian Thompson
2020-09-09 12:52:31 +02:00
parent 861568069c
commit d2ad209d13
3 changed files with 112 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles/media-queries.scss
View File

@@ -16,3 +16,24 @@ $mobile-width: 768px;
@content;
}
}
$sm: 320;
$md: 756;
$lg: 1200;
$xl: 1704;
$minMobileWidth: $sm + 0px;
$maxMobileWidth: $md - 1px;
$minTabletWidth: $md + 0px;
$maxTabletWidth: $lg - 1px;
$minDesktopWidth: $lg + 0px;
$maxDesktopWidth: $xl - 1px;
$minWidescreenWidth: $xl + 0px;
$mobileOnly: "only screen and ( max-width: #{$maxMobileWidth} )";
$tabletOnly: "only screen and( min-width: #{$minTabletWidth} ) and ( max-width: #{$maxTabletWidth} )";
$desktopOnly: "only screen and ( min-width: #{$minDesktopWidth} ) and ( max-width: #{$maxDesktopWidth} )";
$widescreenOnly: "only screen and ( min-width: #{$minWidescreenWidth} )";
$tabletAndUp: "only screen and ( min-width: #{$minTabletWidth} )";
$desktopAndUp: "only screen and ( min-width: #{$minDesktopWidth} )";
$widescreenAndUp: "only screen and ( min-width: #{$minWidescreenWidth} )";