@inkline/inkline
Version:
Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.
47 lines • 1.67 kB
CSS
:root {
/**
* Typography - Font family variables
*/
--font-family-primary-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-family-primary-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--font-family-primary-print: "Georgia", "Times New Roman", "Times", serif;
--font-family-secondary-base: var(--font-family-primary-base);
--font-family-secondary-monospace: var(--font-family-primary-monospace);
--font-family-secondary-print: var(--font-family-primary-print);
/**
* Typography - Font weight variables
*/
--font-weight-extralight: 200;
--font-weight-light: 300;
--font-weight-normal: normal;
--font-weight-semibold: 600;
--font-weight-bold: bold;
--font-weight-black: 900;
--font-weight-lighter: lighter;
--font-weight-bolder: bolder;
/**
* Typography font-size variable
*/
--font-size: 1rem;
/**
* Typography line-height variable
*/
--line-height: 1.5;
/**
* Typography letter-spacing variable
*/
--letter-spacing: 0;
/**
* Contrast color variables
*/
--contrast-color--light: var(--color-gray-900);
--contrast-color--dark: var(--color-white);
/**
* Typography font size variants variables
*/
--font-size-xs: calc(var(--font-size) * var(--size-multiplier-xs));
--font-size-sm: calc(var(--font-size) * var(--size-multiplier-sm));
--font-size-md: calc(var(--font-size) * var(--size-multiplier-md));
--font-size-lg: calc(var(--font-size) * var(--size-multiplier-lg));
--font-size-xl: calc(var(--font-size) * var(--size-multiplier-xl));
}