pre-100 v0.3.5

pre-100

100 Bytes of CSS to look great everywhere

Brief intro

For more 100 Bytes of CSS to look great everywhere

Get Started

pnpm i pre-100

import 'pre-100' // all css preflights
import 'pre-100/100.css' // just 100 bytes css preflights
import 'pre-100/extra.css' // extra 100 bytes css preflights

Or use from CDN

<link rel="stylesheet" href="https://unpkg.com/pre-100@latest/dist/index.css" />
<link rel="stylesheet" href="https://unpkg.com/pre-100@latest/dist/100.css" />
<link rel="stylesheet" href="https://unpkg.com/pre-100@latest/dist/extra.css" />

Features

1. 100 bytes css preflights

html {
  max-width: 70ch;
  padding: 3rem 1rem;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25rem;
}

2. 100 bytes css preflights with extra

h1,h2,h3,h4,h5,h6 {
  margin: 3rem 0 1rem;
}

p,ul,ol {
  margin-bottom: 2rem;
  color: #1d1d1d;
  font-family: sans-serif;
}

Useful links:

• sakura
• water.css

License

MIT License © 2023 guygubaby