Not Particularly Meaningful

    @volue/design-spacing
    TypeScript icon, indicating that this package has built-in type declarations

    1.2.0 • Public • Published

    @volue/design-spacing

    Spacing primitives/tokens to be used across Volue's products

    Screenshot

    Installation

    npm install @volue/design-spacing --save
    # or
    yarn add @volue/design-spacing

    Usage

    JavaScript

    In JavaScript, design token names are formatted in lower camelCase.

    const tokens = require('@volue/design-spacing');
    console.log(tokens.spacingXs); // 0.25rem

    In JSON, design token names are formatted in SNAKE_CASE.

    const tokens = require('@volue/design-spacing/dist/index.json');
    console.log(tokens['SPACING_XS']); // 0.25rem

    Sass

    Sass variables and map keys are formatted in kebab-case.

    // Using variables
    @import '~@volue/design-spacing/dist/index';
    
    div {
      padding: $spacing-xs;
    }

    Keywords

    none

    Install

    npm i @volue/design-spacing

    DownloadsWeekly Downloads

    202

    Version

    1.2.0

    License

    UNLICENSED

    Unpacked Size

    12 kB

    Total Files

    16

    Last publish

    Collaborators

    • fima1
    • adka