Handles bootstrap-like breakpoints or pixel values as arguments

.pink-from-lg +from(lg) color: $pink

expand generated CSS @media (min-width: 991px) { .pink-from-lg { color: #ff8484; } }

I'm pink if screen is wider than 991px

+until(lg) color: $pink

expand generated CSS @media (max-width: 991px) { .pink-until-lg { color: #ff8484; } }

I'm pink if screen is narrower than 991px

+between(xs, md) color: $pink

expand generated CSS @media (min-width: 500px) and (max-width: 767px) { .pink-between-xs-md { color: #ff8484; } }

I'm pink if screen is wider than 500px and narrower than 767px