@impact-x/space v0.4.6

@impact-x/space

Spacing for products using Impact X design system.

Installation

To install @impact-x/space in your project, run the following command:

npm install -S @impact-x/space

If you prefer Yarn, use the following command instead:

yarn add @impact-x/space

Usage

All space variables follow the naming convention: $ix-space-{size}.

Sass

In Sass, you can import and use all space variables available:

@import '~@impact-x/space';

div {
  padding: $ix-space-padding-s;
  margin-top: $ix-space-margin-xs;
}

JavaScript

For JavaScript, you can import and use this module:

import { ixSpacePaddingS, ixSpaceMarginXS } from '@impact-x/space';

...

<div style={{
  padding: `${ixSpacePaddingS}`,
  margin: `${ixSpaceMarginXS}`,
}}
`;

API documentation

https://tw-impact-x.thoughtworks-labs.net/#/Basics/Space