SimplGy/screenSizeHelpers.sass
Last active Dec 20, 2015

Star 0
Fork 0

Allows you to use simple block statements to conditionally target +phone, +desktop, and +tablet

Raw

screenSizeHelpers.sass

      
        $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

Owner Author

SimplGy 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.