Yahoo's Pure CSS library ported to SASS.
CSS Ruby
Switch branches/tags
Latest commit 54646c0 Dec 18, 2014 @johnotander johnotander Merge pull request #13 from jina/master
Switch SASS to Sass. :)


pure-sass is a port of Yahoo!'s Pure CSS framework to SASS.

Build Status


To be honest, I don't really know that much about CSS, I just wanted this Gem to exist so that I could use it on a project. I will gladly accept almost any contribution to help with maintaining this Gem and will give commit rights to anyone who asks for it.

In the long run, I expect that maintainership will be handed to someone else, but I'm happy to incubate it here for now.


Add pure-sass to your applications Gemfile

gem 'pure-sass'

Then in your app/assets/stylesheets/application.css you can use

 *= require pure/all

or in your Sass or SCSS files you can use

@import 'pure/all'

If you don't want all of Pure then you can manually include

  • pure/defaults - default theme
  • pure/base - base styles based on normalize.css
  • pure/buttons - Pure's button module
  • pure/forms - Pure's form module
  • pure/grids - Pure's grid layout
  • pure/menus - Pure's menu module
  • pure/tables - Pure's table module


  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request