/xstyled

Consistent theme based CSS for styled-components & emotion 💅👩‍🎤⚡️

Primary LanguageJavaScriptMIT LicenseMIT

xstyled

A new way to style components

License npm package npm downloads CircleCI codecov Code style Dependencies DevDependencies Small size

npm install @xstyled/styled-components styled-components

Docs

See the documentation at xstyled.dev for more information about using xstyled!

Quicklinks to some of the most-visited pages:

Example

import styled from '@xstyled/styled-components'

const Box = styled.div`
  background-color: primary; /* ⟶ theme.colors.primary */
  margin: 2; /* ⟶ theme.space.2 */
`

export default Box

License

Licensed under the MIT License, Copyright © 2019-present Smooth Code.

See LICENSE for more information.