kufu
smarthr-normalize-css
A sharable normalize CSS for SmartHR. This is intended to use at a project for styled-components.
Installation
smarthr-normalize-css is available as an npm package.
// with npm
npm install --save-dev smarthr-normalize-css
// with yarn
yarn add --dev smarthr-normalize-cssUsage
import * as React from 'react'
import { CssBaseLine } from 'smarthr-normalize-css'
const App = () => (
<React.Fragment>
<CssBaseLine />
<div>Hello World!</div>
</React.Fragment>
)You can also use the default export or named export (lowercase) in your own global style.
import * as React from 'react'
import { createGlobalStyle } from 'styled-components'
import cssBaseLine from 'smarthr-normalize-css'
const GlobalStyle = createGlobalStyle`
${cssBaseLine}
/* other styles */
`
export const App = () => (
<React.Fragment>
<GlobalStyle />
<div>Hello World!</div>
</React.Fragment>
}