Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Allows you to use simple block statements to conditionally target +phone, +desktop, and +tablet
$sizePhone: 603px
$sizeTablet: 1024px
@mixin phone
@media (max-width: $sizePhone)
@content
@mixin tablet
@media (min-width: $sizePhone+1) and (max-width: $sizeTablet)
@content
@mixin desktop
@media (min-width: $sizeTablet+1)
@content
@SimplGy

This comment has been minimized.

Copy link
Owner Author

commented Aug 9, 2013

Usage:

h1
  font-size: 50px
  +phone
    font-size: 25px
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.