Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
43 lines (35 sloc) 902 Bytes
@mixin breakpoint($point)
@if $point == xxs
@media (max-width: 130px)
@content
@else if $point == xs
@media (min-width: 240px)
@content
@else if $point == s
@media (min-width: 320px)
@content
@else if $point == m
@media (min-width: 768px)
@content
@else if $point == l
@media (min-width: 1200px)
@content
@else if $point == xl
@media (min-width: 1400px)
@content
@else if $point == retina
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
@content
// Tests...
// @include breakpoint(xxs)
// background-color: red
// @include breakpoint(xs)
// background-color: green
// @include breakpoint(s)
// background-color: blue
// @include breakpoint(m)
// background-color: gray
// @include breakpoint(l)
// background-color: yellow
// @include breakpoint(xl)
// background-color: orange