// These are our named breakpoints. You can use them in our breakpoint function like this: @include breakpoint(medium) { // Medium and larger styles } $breakpoints: ( small: rem-calc(0), medium: rem-calc(640), large: rem-calc(1200), xlarge: rem-calc(1440), xxlarge: rem-calc(1920), ); // All of the names in this list will be output as classes in your CSS, like small-12, medium-6, and so on. $breakpoint-classes: (small medium large);