Skip to content

sifferhans/css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@sigveh/css
A modern CSS Reset and base styles.

Inspired by @acab/reset.css

Usage

Install the package via npm.

npm install @sigveh/css

You can then import the stylesheet wherever.

/* CSS */
@import '@sigveh/css';
/* JS */
import '@sigveh/css'

If you're not using a package manager, you can simply import from a CDN.

<link rel="stylesheet" href="https://unpkg.com/@sigveh/css" />

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.

: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.