Non Programming Manager

    @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

    Install

    npm i @pomegranate-ui/base-css

    DownloadsWeekly Downloads

    4

    Version

    1.0.8

    License

    MIT

    Unpacked Size

    38.4 kB

    Total Files

    17

    Last publish

    Collaborators

    • franzwcom