☀️ wake.css

A CSS Reset you'll want to start your project with.

It's basically an opiniated fork of wipe.css, which is a bit slimmer than this.

What's in it?

Set up the :root font styles: sets up system fonts as defaults, and the font-size to 16px.
Reset spacings: that includes margins, paddings, line-heights, and borders.
Improves typography: by adjusting the font-smoothing.
Reset text elements: that includes headings, links, buttons, lists, etc.
Reset link appearance: ugh, the most annoying one.
Reset form fields: everything looks the same now.
Prevent Chrome autofill style: removes the hideous yellow box on fields.
Border-box box sizing: so that borders and paddings don't affect the set dimensions.
Responsive media: images and videos with right size.

Add to your HTML

<head>
    ...
    <link href="/wake.css" rel="stylesheet" type="text/css" />
</head>

Add to your Stylesheet

@import 'wake.css';

😝 License to do whatever ᵗʰᵉ ᶠᵘᶜᵏ you want. Go nuts.

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
LICENSE		LICENSE
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
wake.css		wake.css
wake.min.css		wake.min.css
wake.sass		wake.sass