Skip to content

Instantly share code, notes, and snippets.



Last active Aug 29, 2015
What would you like to do?
@mixin breakpoint
@mixin breakpoint($size-or-width) {
$merged-breakpoints: null;
$max-width: null;
XL: 2000px,
L: 1250px,
M: 950px,
S: 650px,
XS: 450px
@if global-variable-exists(breakpoints) {
$merged-breakpoints: map-merge($default-breakpoints, $breakpoints);
@else {
$merged-breakpoints: $default-breakpoints;
@if type-of($size-or-width) == number {
$max-width: $size-or-width;
@else {
@each $size, $width in $merged-breakpoints {
@if $size-or-width == $size {
$max-width: $width;
@media (max-width: $max-width) {
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.