81637e2138
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`
27 lines
755 B
SCSS
27 lines
755 B
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;
|