Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
60 lines (53 sloc) 1.33 KB
/*
* Media Queries
* --------------------------------------------------
*
* Use as: @include respond-to(small) { ... }
* @include respond-to(medium) { ... }
* @include respond-to(large) { ... }
*/
@mixin respond-to($breakpoint) {
// Extra small devices (phones, 544px and up)
@if $breakpoint == "xsmall" {
@media (min-width: 34em) {
@content;
}
}
// Small devices (landscape phones, 768px and up)
@else if $breakpoint == "small" {
@media (min-width: 48em) {
@content;
}
}
// Medium devices (crappy laptops, tablets, 992px and up)
@else if $breakpoint == "medium" {
@media (min-width: 62em) {
@content;
}
}
// Large devices (desktops, 1200px and up)
@else if $breakpoint == "large" {
@media (min-width: 75em) {
@content;
}
}
//Extra large devices (large desktops, 1900px and up)
@else if $breakpoint == "xlarge" {
@media (min-width: 118em) {
@content;
}
}
// Short-cut to target extra small devices *only* (544px and below)
@else if $breakpoint == "smallonly" {
@media (max-width: 34em) {
@content;
}
}
// Short-cut to target extra small AND small devices *only* (768px and below)
@else if $breakpoint == "mobileonly" {
@media (max-width: 48em) {
@content;
}
}
}
// Print style sheet is uclib_print.scss
You can’t perform that action at this time.