65 lines
1.4 KiB
SCSS
65 lines
1.4 KiB
SCSS
//----------------------------------*\
|
|
// MEDIA QUERIES
|
|
//----------------------------------*/
|
|
|
|
@mixin xsmall-screen {
|
|
@media (min-width: #{em($_screen_xsmall)}) and (max-width: #{em($_screen_small - 1)}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin small-screen {
|
|
@media (min-width: #{em($_screen_small)}) and (max-width: #{em($_screen_medium - 1)}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin medium-screen {
|
|
@media (min-width: #{em($_screen_medium)}) and (max-width: #{em($_screen_large - 1)}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin medium-and-up-screen {
|
|
@media (min-width: #{em($_screen_medium)}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin large-screen {
|
|
@media (min-width: #{em($_screen_large)}) and (max-width: #{em($_screen_xlarge - 1)}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin large-xlarge-screen {
|
|
@media (min-width: #{em($_screen_large)}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin xlarge-screen {
|
|
@media (min-width: #{em($_screen_xlarge)}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin retina {
|
|
@media
|
|
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
only screen and (min--moz-device-pixel-ratio: 2),
|
|
only screen and (-o-min-device-pixel-ratio: 2/1),
|
|
only screen and (min-device-pixel-ratio: 2),
|
|
only screen and (min-resolution: 192dpi),
|
|
only screen and (min-resolution: 2dppx) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin print {
|
|
@media print {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
/* */ |