Pure CSS framework by Yahoo, converted to Sass and ready to use in Sass powered applications
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin
lib
spec
vendor/assets/stylesheets
.gitignore
.rspec
.travis.yml
CHANGELOG.md
Gemfile
LICENSE.txt
README.md
Rakefile
bower.json
package.json
purecss-sass.gemspec

README.md

Pure CSS for Sass

Gem Version npm version Build Status

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.

Installation

Ruby on Rails

Open your Rails application's Gemfile and add this line:

gem 'purecss-sass'

Save Gemfile and execute bundle command to install the gem.

Open /app/assets/stylesheets/application.scss file and add this line:

@import 'purecss';

Note: Default Rails installation comes with .css file extension for stylesheet assests files, make sure you change it to .scss and remove all the *= require_tree . and *= require_self statements from file. Alternatively, to keep original application.css file, you can create custom.scss file in the same folder and import purecss there.

Restart Rails web server if it was running and now your Rails application is powered by Pure CSS for Sass.

Bower

To install 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.

npm

To install 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.

Usage

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';

Versioning

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.

Contributing

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.

Credits

Pure CSS for Sass is inspired from bootstrap-sass by Twitter Bootstrap team.

License

Pure © 2014 Yahoo! Inc. Released under a BSD license.

purecss-sass © 2015 Dmitriy Tarasov. Released under a MIT licence.