A lightly modern reset CSS.
npm install shokika.css> A lightly modern reset CSS.
shokika.css is a modern CSS library that provides cross-browser default styles.
note: shokika means "initialize" in Japanese.
You can install shokika.css using npm, Yarn, or a CDN.
npm
``bash`
npm install shokika.css
Yarn
`bash`
yarn add shokika.css
CDN
``
https://unpkg.com/shokika.css@latest/dist/shokika.min.css
You can use shokika.css by importing it into your project.
Import
`scss`
@import '~shokika.css';
If you want to consider the loading order and specificity, use the Cascade layers to load it.
`css
@layer reset, tools, base, components, utilities;
@import 'shokika.css' layer(reset);
`
HTML
`html`
You can also use shokika.css with "CSS in JS" libraries like Emotion.
`jsx
import { css, Global } from '@emotion/react';
import resetCSS from 'shokika.css/dist/string';
const globalStyle = css
${resetCSS};
export const CSSReset = () =>
`
It is available in node_modules directory:
* shokika.css: raw CSS fileshokika.min.css`: minified CSS file (recommended for production)
*
> Warning
> Support for modern browsers.
shokika.css supports modern browsers, but does not support IE11 or other legacy browsers.