purecss-sass is a Sass-powered version of Pure CSS, allowing flexible integration of all Pure's components at once or individually.
Original Pure CSS files are converted using sass-convert and otherwise untouched and unmodified.
npm:
npm install purecss-sassYarn 1 (Classic):
yarn add purecss-sassImport it in your Sass file:
@import 'purecss-sass/vendor/assets/stylesheets/purecss';Update your Gemfile:
gem 'purecss-sass'Run bundle to install the gem.
Modify /app/assets/stylesheets/application.scss to include:
@import 'purecss';Ensure your stylesheet file uses the
.scssextension and remove any*= require_tree .and*= require_selfdirectives.
Each component can be imported individually:
// npm and Yarn:
@import 'purecss-sass/vendor/assets/stylesheets/purecss/base';
@import 'purecss-sass/vendor/assets/stylesheets/purecss/buttons';
@import 'purecss-sass/vendor/assets/stylesheets/purecss/forms';
@import 'purecss-sass/vendor/assets/stylesheets/purecss/forms-nr';
@import 'purecss-sass/vendor/assets/stylesheets/purecss/grids';
@import 'purecss-sass/vendor/assets/stylesheets/purecss/grids-responsive';
@import 'purecss-sass/vendor/assets/stylesheets/purecss/menus';
@import 'purecss-sass/vendor/assets/stylesheets/purecss/tables';
// Ruby on Rails:
@import 'purecss/base';
@import 'purecss/buttons';
@import 'purecss/forms';
@import 'purecss/forms-nr';
@import 'purecss/grids';
@import 'purecss/grids-responsive';
@import 'purecss/menus';
@import 'purecss/tables';Pure CSS for Sass follows the versioning of the upstream Pure CSS, but the last version number may be ahead for project-specific updates.
Pure CSS for Sass is inspired from bootstrap-sass by Bootstrap team.
Pure © Yahoo! Inc. Licensed under the BSD license.
purecss-sass © Dmitriy Tarasov. Licensed under the MIT licence.