// Converted Variables
// Custom Media Query Variables
/*
BACKGROUND POSITION Base: bg = background Modifiers: -center = center center -top = top center -right = center right -bottom = bottom center -left = center left Media Query Extensions: -ns = not-small -m = medium -l = large */
.bg-center {
background-repeat: no-repeat; background-position: center center;
}
.bg-top {
background-repeat: no-repeat; background-position: top center;
}
.bg-right {
background-repeat: no-repeat; background-position: center right;
}
.bg-bottom {
background-repeat: no-repeat; background-position: bottom center;
}
.bg-left {
background-repeat: no-repeat; background-position: center left;
}
@media #{$breakpoint-not-small} {
.bg-center-ns { background-repeat: no-repeat; background-position: center center; } .bg-top-ns { background-repeat: no-repeat; background-position: top center; } .bg-right-ns { background-repeat: no-repeat; background-position: center right; } .bg-bottom-ns { background-repeat: no-repeat; background-position: bottom center; } .bg-left-ns { background-repeat: no-repeat; background-position: center left; }
}
@media #{$breakpoint-medium} {
.bg-center-m { background-repeat: no-repeat; background-position: center center; } .bg-top-m { background-repeat: no-repeat; background-position: top center; } .bg-right-m { background-repeat: no-repeat; background-position: center right; } .bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; } .bg-left-m { background-repeat: no-repeat; background-position: center left; }
}
@media #{$breakpoint-large} {
.bg-center-l { background-repeat: no-repeat; background-position: center center; } .bg-top-l { background-repeat: no-repeat; background-position: top center; } .bg-right-l { background-repeat: no-repeat; background-position: center right; } .bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; } .bg-left-l { background-repeat: no-repeat; background-position: center left; }
}