Mediaquery for large desktop

This commit is contained in:
2019-06-02 00:26:43 +02:00
parent c8dbe02ffc
commit de9ac7baaf

View File

@@ -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;