Nine Project Managers

    glamorous-pseudo

    1.1.1 • Public • Published

    glamorous-pseudo

    npm version Build Status codecov

    Install

    npm install -S glamorous-pseudo

    Basic Usage

    <Pseudo
      after={{ content: '" after"', color: 'red' }}
      before={{ content: '"before "', color: 'green' }}
      focus={{ color: 'blue' }}
      hover={{ color: 'purple' }}
      active={{ fontSize: '0.8em' }}
      visited={{ color: '#5EDA7E' }}
      display="block"
      width={300}
      textAlign="center"
    >
      <h1>Hello</h1>
    </Pseudo>
     
    // Create your own ui library
    const A = (props) => <Pseudo {...props} component={glamorous.A} />
     
    <A
      hover={{ color: '#a9e34b' }}
      href="https://startup.com"
    >
      Startup
    </A>
     

    Props

    component GlamorousComponent

    glamorous.Div, glamorous.A, glamorous.Span, ...

    Any props passed to Pseudo will be passed through to component

    after object

    :after styles

    before object

    :before styles

    focus object

    :focus styles

    hover object

    :hover styles

    active object

    :active styles

    visited object

    :visited styles

    Install

    npm i glamorous-pseudo

    DownloadsWeekly Downloads

    2

    Version

    1.1.1

    License

    MIT

    Last publish

    Collaborators

    • tkh44