Style variables used by Drawbotics across different projects.
Install it as a any other npm
package:
$ npm i @drawbotics/drylus-style-vars
import sv from '@drawbotics/drylus-style-vars';
import { css } from 'emotion';
const styles = {
myComponent: css`
padding: calc(${sv.defaultPadding} * 0.5);
`,
};
@import "~@drawbotics/drylus-style-vars/dist/vars.less";
:local(.myComponent) {
padding: @default-padding * 0.5;
}
@import "~@drawbotics/drylus-style-vars/dist/vars.css";
:local(.myComponent) {
padding: calc(var(--default-padding) * 0.5);
}