2.1.0 • Published 6 years ago
bacon.css v2.1.0
Bacon
Everything is better with bacon.
Bacon is custom CSS reset, build for 8-Point grid. Inspired by Normalize.css.
Usage
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bacon.css/bacon.min.css">
What's included?
- Normalization almost like Normalize.css, but almost all margins and paddings are zero.
- Every heading, paragraph, button or other content-rich element will push away from the previous element by two grid points (16 px).
- The elements wouldn't push away from the ceiling.
Basic grid system
/**
* Every content-rich element will push away from the previous element by two grid points (16 px),
*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
video,
button {
margin-top: 16px;
margin-bottom: 0;
}
/**
* ... but elements shouldn't push away from the ceiling.
*/
*:first-child {
margin-top: 0;
}