Pure CSS for Sass
Yahoo's Pure is a set of small, responsive CSS modules that you can use in every web project.
purecss-sass is a Sass-powered version of Pure CSS for your applications. It allows to include all of Pure components at once or load them individually. Tested and working with Ruby on Rails, Compass, Sprockets, Bower, npm etc.
Original Pure CSS files are converted using
sass-convert and otherwise untouched and unmodified.
Ruby on Rails
Open your Rails application's
Gemfile and add this line:
Gemfile and execute
bundle command to install the gem.
/app/assets/stylesheets/application.scss file and add this line:
Note: Default Rails installation comes with
.cssfile extension for stylesheet assests files, make sure you change it to
.scssand remove all the
*= require_tree .and
*= require_selfstatements from file. Alternatively, to keep original
application.cssfile, you can create
custom.scssfile in the same folder and import
Restart Rails web server if it was running and now your Rails application is powered by Pure CSS for Sass.
purecss-sass Bower package execute this command:
bower install purecss-sass
Then you will have a local copy of
purecss-sass stylesheets to use in your application.
purecss-sass npm package execute this command:
npm install purecss-sass
This will fetch latest version of
purecss-sass stylesheets to drop into your Sass powered application.
By default, using
@import 'purecss';, all of Pure CSS components are imported.
You can import individual Sass components like this:
@import 'purecss/base'; @import 'purecss/buttons'; @import 'purecss/forms'; @import 'purecss/grids'; @import 'purecss/grids-responsive'; @import 'purecss/menus'; @import 'purecss/tables';
Pure CSS for Sass follows the upstream version of Yahoo's Pure. But last version number may be ahead, in case there is a need to release project specific changes.
Please always refer to the CHANGELOG when upgrading.
Anyone is welcome to contribute to Pure CSS for Sass. Please raise an issue, fork the project, make changes to your forked repository and submit a pull request.
Pure CSS for Sass is inspired from bootstrap-sass by Twitter Bootstrap team.
Pure © 2014 Yahoo! Inc. Released under a BSD license.
purecss-sass © 2015 Dmitriy Tarasov. Released under a MIT licence.