// 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; }

}