@drawbotics/style-vars

Style variables used by Drawbotics across different projects

Stats

StarsIssuesVersionUpdatedCreatedSize
@drawbotics/style-vars
2.1.12 years ago3 years agoMinified + gzip package size for @drawbotics/style-vars in KB

Readme

Drawbotics Style Vars

Style variables used by Drawbotics across different projects.

Installation

Install it as a any other npm package:

$ npm i @drawbotics/style-vars

Usage

For JavaScript (with CSS in JS for example):

import sv from '@drawbotics/style-vars';
import { css } from 'emotion';

const styles = {
  myComponent: css`
    padding: calc(${sv.defaultPadding} * 0.5);
  `,
};

For LESS

@import "~@drawbotics/style-vars/dist/vars.less";

:local(.myComponent) {
  padding: @default-padding * 0.5;
}

For CSS

@import "~@drawbotics/style-vars/dist/vars.css";

:local(.myComponent) {
  padding: calc(var(--default-padding) * 0.5);
}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.