Pure (purecss.io) is a set of small, responsive CSS modules that you can use in every web project realized by the yahoo developer team. This gem adds it to the Assets Pipeline of Rails 3.2.
I cite directly from purecss.io
CSS with a minimal footprint.
Pure is ridiculously tiny. The entire set of modules clocks in at 5.7KB minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.
I liked the idea of the light and functional Pure CSS and I think it is worthwile to create a gem for it. I'd like to make something like twitter-bootstrap-rails (and compatible with it)
I'd like to add
- Helpers for navigation bars, menus, forms, grids, ...
- Toolkit to set up website palette in an easy way
- Integration wit Rails SCSS
- System to keep the css updated
- Any ideas?
Add this line to your application's Gemfile:
gem 'purecss'
And then execute:
$ bundle
Then you can add the following directives to your css manifest file (application.css):
//= require purecss
for the responsive bundle, or
//= require purecss-nr
for the non-responsive one.
If you want to include just an individual module (see purecss.io) add instead
//= require purecss/<module>.js
If it is too long for you, you can avoid touching the manifest files and run the generator (with optional parameter responsive/nonresponsive):
$ rails generate purecss:install
After the installation you can simply go to purecss.io and use (or extend) their predefined styles.
Enjoy!
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
0.0.2 GEM restructured following Gemify Assets for Rails, added individual modules, improved size