Pure CSS for Sass

purecss-sass is a Sass-powered version of Pure CSS for your applications, allowing to include all of Pure's components at once or load them individually.

Original Pure CSS files are converted using sass-convert and otherwise untouched and unmodified.

npm and Yarn

To install purecss-sass npm package execute this command:

$ npm install purecss-sass

If you are using Yarn:

$ yarn add purecss-sass

Ruby on Rails

Open your 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-generated application comes with .css file extension for stylesheet assets files, make sure you change it to .scss and remove all the *= require_tree . and *= require_self statements from the file.

Usage

By default, using @import 'purecss';, all of Pure CSS components are imported except non-responsive forms, which are identical to responsive forms minus media queries.

You can import individual Sass components like this:

@import 'purecss/base';             // Base
@import 'purecss/buttons';          // Buttons
@import 'purecss/forms';            // Forms (Responsive)
@import 'purecss/forms-nr';         // Forms (Non-Responsive)
@import 'purecss/grids';            // Grids (Base)
@import 'purecss/grids-responsive'; // Grids (Responsive)
@import 'purecss/menus';            // Menus (Responsive)
@import 'purecss/tables';           // Tables

Versioning

Pure CSS for Sass follows the upstream version of Pure. But the last version number may be ahead, in case there is a need to release project-specific changes.

Credits

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

License

Pure © Yahoo! Inc. Licensed under the BSD license.

purecss-sass © Dmitriy Tarasov. Licensed under the MIT licence.

3.0.1 (2023-05-06)

• fix: include forms-nr module
• fix: include grids module in the default import

Framework version: Pure v3.0.0

3.0.0 (2022-10-27)

• Update assets to match upstream version

Framework version: Pure v3.0.0

2.2.0 (2022-10-20)

• Update assets to match upstream version

Framework version: Pure v2.2.0

2.1.0 (2022-03-15)

• Update assets to match upstream version

Framework version: Pure v2.1.0

2.0.6 (2021-06-10)

• Update assets to match upstream version

Framework version: Pure v2.0.6

2.0.5 (2021-01-21)

• Update assets to match upstream version

Framework version: Pure v2.0.5

2.0.4 (2021-01-20)

• Update assets to match upstream version

Framework version: Pure v2.0.4

2.0.3 (2020-05-12)

• Update assets to match upstream version

Framework version: Pure v2.0.3

2.0.2 (2020-05-12)

• Update assets to match upstream version

Framework version: Pure v2.0.2

2.0.1 (2020-05-07)

• Update assets to match upstream version

Framework version: Pure v2.0.1

2.0.0 (2020-05-06)

• Update assets to match upstream version

Framework version: Pure v2.0.0

1.0.1.1 (2019-10-14)

• Replace sass dependency with sassc.

Framework version: Pure v1.0.1

1.0.1 (2019-07-14)

• Update assets to match upstream version
• Drop bower support

Framework version: Pure v1.0.1

1.0.0 (2017-06-09)

• Update assets to match upstream version

Framework version: Pure v1.0.0

0.6.2 (2017-01-06)

• Update assets to match upstream version

Framework version: Pure v0.6.2

0.6.1 (2016-12-14)

• Drop Compass support
• Update assets to match upstream version

Framework version: Pure v0.6.1

0.6.0 (2015-07-22)

• Initial release

Framework version: Pure v0.6.0