@pomegranate-ui/base-css
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

base-css

Basic css reset styles for browser consistency

NPM JavaScript Style Guide

Install

	yarn add  @pomegranate-ui/base-css

Usage

import React from 'react'
import { BaseCss } from '@pomegranate-ui/base-css'
import { jsx, Global, css } from '@emotion/core'

The :root can be useful for declaring CSS variables extending also for global clases, use it sparingly

const roots = css`
	:root {
		--brand-apple-bg: #000;
		--brand-apple-color: #fff;
		--brand-apple-bg-hover: #1b1b1b;
		--brand-twitter-bg: #1da1f2;
		--brand-twitter-color: #fff;
		--brand-twitter-bg-hover: #0096f2;
		--brand-github-bg: #24292e;
		--brand-github-color: #fff;
		--brand-github-bg-hover: #000;
	}
	.custom-class {
		font-family: sans-serif;
	}
`
const App = () => {
	return (
		<React.Fragment>
			<BaseCss />
			<Global styles={roots} />
			// must be installed in the root of the app
		</React.Fragment>
	)
}

License

© franzwcom

Package Sidebar

Install

npm i @pomegranate-ui/base-css

Weekly Downloads

0

Version

1.0.8

License

MIT

Unpacked Size

38.4 kB

Total Files

17

Last publish

Collaborators

  • franzwcom