nudge-components-library
Version:
A library of nudge UI components
8 lines (5 loc) • 1.59 kB
JavaScript
import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
var css_248z = "/* Color Variables */\n:root {\n --color-orange: #fb8500;\n --color-lightOrange: #ffe5cf;\n --color-lightLightOrange: #fffaf6;\n --color-blue: #85c2ff;\n --color-darkerBlue: #1b8dff;\n --color-lightBlue: #d9ecff;\n --color-lightLightBlue: #e7f2ff;\n --color-lightLightLightBlue: #fbfdff;\n --color-darkGray: #767e85;\n --color-gray: #dfe2e4;\n --color-lightGray: #f7f7f7;\n --color-black: #002952;\n}\n\n/* Spacing */\n:root {\n --spacing-xs: 0.25rem;\n --spacing-sm: 0.5rem;\n --spacing-md: 1rem;\n --spacing-lg: 1.5rem;\n --spacing-xl: 2.25rem;\n --spacing-2xl: 3rem;\n}\n\n/* Typography */\n:root {\n --font-body: \"Inter\", sans-serif;\n --font-size-xs: 0.75rem; /*12px*/\n --font-size-sm: 0.875rem; /*14px*/\n --font-size-md: 1rem; /*16px*/\n --font-size-lg: 1.125rem; /*18px*/\n --font-size-xl: 1.25rem; /*20px*/\n --font-size-2xl: 1.5rem; /*24px*/\n --font-size-3xl: 1.875rem; /*30px*/\n --font-size-4xl: 2.25rem; /*36px*/\n --font-size-5xl: 3rem; /*48px*/\n --font-size-6xl: 3.75rem; /*64px*/\n}\n\n/* Border Radius */\n:root {\n --border-radius-xs: 0.25rem; /*4px*/\n --border-radius-sm: 0.4rem; /*6px*/\n --border-radius-md: 0.5rem; /*8px*/\n --border-radius-lg: 1rem; /*12px*/\n --border-radius-xl: 1.5rem; /*16px*/\n}\n\n:root {\n --border-gray: 1.5px solid var(--color-darkGray);\n --border-selected: 1.5px solid var(--color-darkerBlue);\n}\n";
styleInject(css_248z);
export { css_248z as default };
//# sourceMappingURL=tokens.css.js.map