Mediaquery for large desktop
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user