vndre / xstyled

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

A new way to style components

npm install @xstyled/styled-components styled-components

Docs

See the documentation at smooth-code.com/open-source/xstyled for more information about using xstyled!

Quicklinks to some of the most-visited pages:

• Getting started
• Motivation
• System

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.