smarthr-normalize-css

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-css

Usage

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>
}

Changelog

1.1.0 (2022-10-27)

Features

• 入力系の要素でもフォントファミリー、サイズを継承 (#57) (976ed95)