Contents

sass-respond-to
===============

Example
-------

    .content
      width: 100%
      margin-right: auto
      margin-left: auto
      +respond-to(handhelds)
        .content-title
          display: none
      +respond-to(wide-handhelds)
        width: 90%
      +respond-to(tablets)
        width: 80%
      +respond-to(desktops)
        width: 70%
        max-width: 1150px

Usage
------

First add compass-respond-to to your Gemfile:

    gem "compass-respond-to"

And require compass-respond-to in your compass.rb or config.rb:

    require "compass-respond-to"

Then you can import it into your .sass files:

    @import "respond-to"

Credit
------

This is a convenience plugin for Chris Eppstein's Gist demonstrating Sass 3.2's block passing to mixins.

https://gist.github.com/1215856#file_7_media_queries.sass

I'm fully expecting Compass to add something like this in the near future.

Many thanks to Brandon Mathis and his Fancy Buttons, which I used as a template for this gem.

https://github.com/imathis/fancy-buttons

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
compass-respond-to-0.0.3	README.md