Nascent Prototype Metaverse

    styled-reset
    TypeScript icon, indicating that this package has built-in type declarations

    4.4.1 • Public • Published

    styled-reset

    npm version CircleCI Patreon Backers on Open Collective Sponsors on Open Collective ko-fi Support with PayPal

    Eric Meyer's Reset CSS for styled-components

    Also see styled-normalize from Sergey Sova.


    Installation:

    npm i styled-reset (use the -S flag if you're on npm 4 or earlier).

    If you're on styled-components 3.x, please npm i styled-reset@1.7.1.

    Usage:

    Styled Components 4.x || 5.x

    import * as React from 'react'
    import { Reset } from 'styled-reset'
    
    const App = () => (
      <React.Fragment>
        <Reset />
        <div>Hi, I'm an app!</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 reset from 'styled-reset'
    
    const GlobalStyle = createGlobalStyle`
      ${reset}
      /* other styles */
    `
    
    const App = () => (
      <React.Fragment>
        <GlobalStyle />
        <div>Hi, I'm an app!</div>
      </React.Fragment>
    )
    
    export default App

    Styled Components 3.x

    If you're using Styled Components version 3.x or 2.x, you'll need to use the injectGlobal api instead (and install styled-reset@1.7.1):

    import { injectGlobal } from 'styled-components'
    import reset from 'styled-reset'
    injectGlobal`
      ${reset}
    `

    reset is also available as a named export:

    import { reset } from 'styled-reset'

    Credits

    All credit goes to Eric Meyer for reset.css. reset.css is public domain (unlicensed).

    Contributors

    This project exists thanks to all the people who contribute.

    Backers

    Thank you to all our backers! 🙏 [Become a backer]

    Sponsors

    Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

    LICENSE

    Install

    npm i styled-reset

    DownloadsWeekly Downloads

    55,589

    Version

    4.4.1

    License

    MIT

    Unpacked Size

    14.2 kB

    Total Files

    6

    Last publish

    Collaborators

    • zacanger