Pure

[lucasleecr]

Link to the codebase

https://github.com/pure-css/pure

Which release/version did you read?

1.0.0 (https://github.com/pure-css/pure/releases/tag/v1.0.0)

Why it is a good project to read?

• CSS framework created by Yahoo.
• Not bloated - all CSS, no Javascript.
• Can be read in a short amount of time.

Starting point

src/base/css/base.css (https://github.com/pure-css/pure/blob/v1.0.0/src/base/css/base.css)

Reading order

Components are fairly independent so any order should be fine.

Interesting parts

Implementation for typical CSS components like forms, grid system, buttons etc.

Any parts should be skipped?

No, nothing too difficult.

Other tips

Get the homepage up and running is helpful to see how the styles are used. https://github.com/pure-css/pure-site

Links and resources

Preview of the styles https://purecss.io/

Contributor

@lucasleecr