35 lines
781 B
CSS
35 lines
781 B
CSS
/*
|
|
|
|
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; }
|
|
}
|