consul/ui-v2/app/styles/base/typography/base-variables.scss

$typo-family-sans: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
  'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
$typo-family-mono: monospace;
$typo-size-000: 16px;
$typo-size-100: 3.5rem;
$typo-size-200: 1.8rem;
$typo-size-300: 1.3rem;
$typo-size-400: 1.2rem;
$typo-size-500: 1rem;
$typo-size-600: 0.875rem;
$typo-size-700: 0.8125rem;
$typo-size-800: 0.75rem;
$typo-weight-light: 300;
$typo-weight-normal: 400;
$typo-weight-medium: 500;
$typo-weight-semibold: 600;
$typo-weight-bold: 700;
$typo-lead-000: 0;
$typo-lead-050: 1;
$typo-lead-100: 1.2;
$typo-lead-200: 1.25;
$typo-lead-300: 1.28;
$typo-lead-500: 1.33;
$typo-lead-600: 1.4;
$typo-lead-700: 1.5;
$typo-lead-800: 1.7;
UI: CSS refactor (#4430) + Fullscreen Layout (#4435) * Begin refactoring CSS into component folders. Moved most components into layout/skin folders, left out a couple of ones I want to think about more. * Adjust grays based on recent Structure changes * Switch to fullscreen layout for lists and detail, left aligned forms (#4435) * Specifically use the 'actions_close' label, not just the :last-child (actions-group) * Replace some non-var-ed colours in vaults code skin, plus prefixing (black and white) 2018-08-29 12:11:58 +01:00			`$typo-family-sans: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',`
			`'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;`
			`$typo-family-mono: monospace;`
			`$typo-size-000: 16px;`
			`$typo-size-100: 3.5rem;`
UI: New ACLs (#4789) UI to accompany the new ACLs APIs 2018-10-19 16:17:02 +01:00			`$typo-size-200: 1.8rem;`
			`$typo-size-300: 1.3rem;`
			`$typo-size-400: 1.2rem;`
			`$typo-size-500: 1rem;`
UI: CSS refactor (#4430) + Fullscreen Layout (#4435) * Begin refactoring CSS into component folders. Moved most components into layout/skin folders, left out a couple of ones I want to think about more. * Adjust grays based on recent Structure changes * Switch to fullscreen layout for lists and detail, left aligned forms (#4435) * Specifically use the 'actions_close' label, not just the :last-child (actions-group) * Replace some non-var-ed colours in vaults code skin, plus prefixing (black and white) 2018-08-29 12:11:58 +01:00			`$typo-size-600: 0.875rem;`
			`$typo-size-700: 0.8125rem;`
			`$typo-size-800: 0.75rem;`
			`$typo-weight-light: 300;`
			`$typo-weight-normal: 400;`
			`$typo-weight-medium: 500;`
			`$typo-weight-semibold: 600;`
			`$typo-weight-bold: 700;`
			`$typo-lead-000: 0;`
ui: CSS Components Migration (#5913) Migrate roughly half of the base components into base Adds a target for easily formatting CSS Further CSS amends/migration (#5921) 1. tooltips within tables where a slightly bit troublesome due to a mix of `inline-flex`, `overflow` and the need for truncation. This refineds tooltips a slight bit more to work 'everywhere'. 2. We also move tooltip to use the correct color and min-width from structure, but we overwrite the min-width here until we get confirmation on widths/alignment of text within a tooltip. 3. Tiny fixes for breadcrumbs and toggle-buttons in tabular listings 4. Now we inline-flex our table cells, it means it is impossible to truncate text without wrapping it in another element. This wraps all Description like text in `<p>` tags. Generally the first column of text is already wrapped in an `<a>` tag. Other items such as consul tags and policy names etc get 'cutoff' rather than truncated. 5. We are now using all the icons from `@hashicorp/structure-icons` 2019-06-14 18:27:37 +01:00			`$typo-lead-050: 1;`
UI: CSS refactor (#4430) + Fullscreen Layout (#4435) * Begin refactoring CSS into component folders. Moved most components into layout/skin folders, left out a couple of ones I want to think about more. * Adjust grays based on recent Structure changes * Switch to fullscreen layout for lists and detail, left aligned forms (#4435) * Specifically use the 'actions_close' label, not just the :last-child (actions-group) * Replace some non-var-ed colours in vaults code skin, plus prefixing (black and white) 2018-08-29 12:11:58 +01:00			`$typo-lead-100: 1.2;`
			`$typo-lead-200: 1.25;`
			`$typo-lead-300: 1.28;`
			`$typo-lead-500: 1.33;`
			`$typo-lead-600: 1.4;`
			`$typo-lead-700: 1.5;`
			`$typo-lead-800: 1.7;`