styled-preflight
v8.0.1
Published
Normalize.css with a kick for styled-components CSS-in-JS library
Downloads
17
Maintainers
Readme
A CSS-normalizing library for styled-components, with a kick.
The original normalize.css
is pulled from necolas/normalize.css, and parsed into a styled ready format. Some small additions are added, based on Tailwind’s preflight, to make the normalizing more useful for building apps.
Usage
yarn add styled-preflight
styled-components v4
// index.js
import React from 'react'
import { Normalize } from 'styled-normalize'
import { App } from './app'
const Root = () => (
<React.Fragment>
<Normalize />
<App />
</React.Fragment>
)
Alternatively, you can use the createGlobalStyle
API:
// styles/index.js
import { normalize } from 'styled-normalize'
import { createGlobalStyle } from 'styled-components'
const GlobalStyle = createGlobalStyle`
${normalize}
// Continue writing global styles
body {
background-color: black;
}
`
<GlobalStyle />
Prior art
- https://github.com/sergeysova/styled-normalize
- https://github.com/tailwindcss/tailwindcss