https://github.com/sifferhans/css
A modern CSS Reset and base styles.
https://github.com/sifferhans/css
css reset styling
Last synced: 11 months ago
JSON representation
A modern CSS Reset and base styles.
- Host: GitHub
- URL: https://github.com/sifferhans/css
- Owner: sifferhans
- License: mit
- Created: 2023-01-03T11:26:06.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-09T08:44:00.000Z (over 3 years ago)
- Last Synced: 2025-07-17T13:19:46.478Z (12 months ago)
- Topics: css, reset, styling
- Language: CSS
- Homepage: https://css.sigveh.no
- Size: 94.7 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
@sigveh/css
A modern CSS Reset and base styles.
Inspired by @acab/reset.css
## Usage
Install the package via `npm`.
```sh
npm install @sigveh/css
```
You can then import the stylesheet wherever.
```css
/* CSS */
@import '@sigveh/css';
```
```js
/* JS */
import '@sigveh/css'
```
If you're not using a package manager, you can simply import from a CDN.
```html
```
## Dark mode
The CSS reset includes support for both light and dark mode, based on the users preferences.
## Customization
There are certain customization options when you are using the base styles. Make sure to define the CSS variables in `:root` to correctly override the default values.
```css
:root {
/* define variables here */
--border-radius: 6px;
}
```
These are the available CSS variables:
| Name | Description | Default value |
| --------------- | --------------------------------------------- | ------------- |
| --border-radius | Other radii are calculated from this | `4px` |
| --border-color | Used for form elements, tables and separators | `#808080` |
## License
This package is licensed under the [MIT license](./LICENSE).