@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.02 kB
CSS
:where(html) {
--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;
}