Integrations

Here is an example of using glamorous with create-react-app.

Here is an example of using glamorous with jest.

glamorous works with ✨ polished mixins, helpers, and shorthands:

const MyStyledParagraph = glamorous.p({
  fontSize: 20,
  color: lighten(0.5, '#000'),
})

You can also use object spread properties to apply more complex ✨ polished mixins directly onto glamorous components:

function GlamorousLogo() {
  return (
    <glamorous.Div
      width={400}
      height={400}
      border="2px solid"
      borderColor={mix(0.5, '#fff', '#000')}
      {...borderRadius('top', '5px')}
    >
    </glamorous.Div>
  );
}

glamorous works with styled-system helper functions.

With the built-in components, if you want to use pseudo-states, you have to use the css prop. If you'd rather not do that, then you can use glamorous-pseudo.