42 lines
841 B
SCSS
42 lines
841 B
SCSS
|
|
// Converted Variables
|
|
|
|
|
|
// Custom Media Query Variables
|
|
|
|
|
|
/*
|
|
|
|
BACKGROUND SIZE
|
|
Docs: http://tachyons.io/docs/themes/background-size/
|
|
|
|
Media Query Extensions:
|
|
-ns = not-small
|
|
-m = medium
|
|
-l = large
|
|
|
|
*/
|
|
|
|
/*
|
|
Often used in combination with background image set as an inline style
|
|
on an html element.
|
|
*/
|
|
|
|
.cover { background-size: cover!important; }
|
|
.contain { background-size: contain!important; }
|
|
|
|
@media #{$breakpoint-not-small} {
|
|
.cover-ns { background-size: cover!important; }
|
|
.contain-ns { background-size: contain!important; }
|
|
}
|
|
|
|
@media #{$breakpoint-medium} {
|
|
.cover-m { background-size: cover!important; }
|
|
.contain-m { background-size: contain!important; }
|
|
}
|
|
|
|
@media #{$breakpoint-large} {
|
|
.cover-l { background-size: cover!important; }
|
|
.contain-l { background-size: contain!important; }
|
|
}
|