CodeReaderMe / awesome-code-reading

A curated list of high-quality codebases to read and study. Read more code!
377 stars 12 forks source link

Add pure #3

Closed lucasleecr closed 5 years ago

lucasleecr commented 5 years ago

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/blob/v1.0.0)

Why it is a good project to read?

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/