@hermanwikner/globalstyle v0.0.5

Installation

npm i @hermanwikner/globalstyle styled-components what-input

Usage

This component injects global-styling into the app. This includes:

• Normalize CSS which makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

• Typography settings such as font-sizes, line-height, colors etc.

• Outline visibility of targetable elements. This is made possible with the peerDependency what-input. If the input is equal to keyboard, the outline is shown, else, it is hidden.

Example app:

//App.js

import  { GlobalStyle }  from  '@hermanwikner/globalstyle';
  
const  App  =  ()  =>  (
	<div>
		<GlobalStyle />
		{/* Your app code here */}
	</div>
)