@shwilliam/basesheet
v0.2.0
Published
A better CSS foundation
Downloads
11
Readme
basesheet
A better CSS foundation
Overview
- Lightweight reset (based on Eric Meyer's CSS reset v2)
- Helpful utility classes
- Disables animations based on
prefers-reduced-motion
- Dispatches single taps without delay
- Color, font, layout, and sizing custom variables
Usage
CDN
<link
rel="stylesheet"
href="https://unpkg.com/@shwilliam/basesheet@latest/basesheet.css"
/>
NPM package
- Add this package as a dependency (
npm i @shwilliam/basesheet
) - Import it in your JavaScript file
import '@shwilliam/basesheet'
FAQ
What's up with these long class names?
This stylesheet loosely follows the BEM conventions with several exceptions.
- Modifier classes can be used on their own
- Classes prefixed with a hyphen (eg.
-success
) modify a style and should not be used on their own
This font size is gross; how do I change it?
body {
font-size: 13px;
}
Contributing
This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the issues. If you wish to work on this project:
- Fork this project
- Create a branch (
git checkout -b new-branch
) - Commit your changes (
git commit -am 'add new feature'
) - Push to the branch (
git push origin new-branch
) - Submit a pull request!