CSS

Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.

Installation

First set up Compiled.

1yarn add @atlaskit/css

Update your Compiled config to have importSources point to @atlaskit/css:

1{
2+  "importSources": ["@atlaskit/css"]
3}

Usage

1import { css } from '@atlaskit/css';
2
3const basicStyles = css({
4	color: 'var(--ds-link)',
5});
6
7<div css={basicStyles} />;