@cupcake-ds/cc-props
Version:
- [https://unpkg.com/@cupcake-ds/cc-props/](https://unpkg.com/@cupcake-ds/cc-props/) - [https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css](https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css) - [https://unpkg.com/@cupcake-ds/cc-props/normalize.m
26 lines (25 loc) • 1.32 kB
JavaScript
export default {
'--white' : '#ffffff',
'--black' : '#000000',
'--global-bg' : 'var(--white)',
'--global-layer-1' : 'var(--gray-0)',
'--global-layer-2' : 'var(--gray-1)',
'--global-layer-3' : 'var(--gray-2)',
'--global-text-color' : 'var(--gray-7)',
'--global-text-color-light' : 'var(--gray-6)',
'--global-text-color-dark' : 'var(--gray-9)',
'--global-text-color-lighter': 'var(--gray-5)',
'--global-bg-disabled' : 'var(--gray-3)',
'--global-border-color' : 'var(--gray-4)',
'--global-border-color-dark' : 'var(--gray-5)',
'--global-border-color-light': 'var(--gray-2)',
'--global-border' : '1px solid var(--global-border-color)',
'--global-border-dark' : '1px solid var(--global-border-color-dark)',
'--global-border-light' : '1px solid var(--global-border-color-light)',
'--global-size-xs' : 'calc(var(--global-px-grid) * 2)',
'--global-size-sm' : 'calc(var(--global-px-grid) * 3)',
'--global-size-md' : 'calc(var(--global-px-grid) * 4)',
'--global-size-lg' : 'calc(var(--global-px-grid) * 5)',
'--global-size-xl' : 'calc(var(--global-px-grid) * 6)',
'--global-radius-default' : '2px',
}