2018-11-27 23:41:30 +01:00
|
|
|
:root {
|
2019-11-22 22:04:03 +01:00
|
|
|
--border-radius: 5px;
|
|
|
|
|
--height-input: 2.5rem;
|
|
|
|
|
--height-button: 2.5rem;
|
|
|
|
|
--height-checkbox: 24px;
|
|
|
|
|
--height-radio: 24px;
|
|
|
|
|
--height-badge: 24px;
|
|
|
|
|
|
2019-02-06 01:03:03 +01:00
|
|
|
// Spacing
|
2019-11-22 22:04:03 +01:00
|
|
|
--spacing-xxs: 0.2rem;
|
|
|
|
|
--spacing-xs: 0.4rem;
|
|
|
|
|
--spacing-s: 0.8rem;
|
|
|
|
|
--spacing-m: 1.6rem;
|
|
|
|
|
--spacing-l: 2.4rem;
|
|
|
|
|
--spacing-xl: 3.2rem;
|
|
|
|
|
--spacing-xxl: 6.4rem;
|
2018-11-27 23:41:30 +01:00
|
|
|
|
2019-02-06 01:03:03 +01:00
|
|
|
// Aspect ratio
|
2019-11-22 22:04:03 +01:00
|
|
|
--aspect-ratio-bluray: 41.6666666667%; // 12:5
|
|
|
|
|
--aspect-ratio-panavision: 36.3636363636%; // 11:4
|
|
|
|
|
--aspect-ratio-sd: 75%; // 4:3
|
|
|
|
|
--aspect-ratio-standard: 56.25%; // 16:9
|
2019-02-06 01:03:03 +01:00
|
|
|
|
|
|
|
|
// Type
|
2019-11-22 22:04:03 +01:00
|
|
|
--font-mono: "Fira Code";
|
|
|
|
|
--font-sans: Inter;
|
|
|
|
|
--font-serif: Georgia;
|
|
|
|
|
--font-weight-base: 400;
|
|
|
|
|
--font-weight-light: 300;
|
|
|
|
|
--font-weight-bold: 700;
|
|
|
|
|
--font-base: 14px;
|
|
|
|
|
--font-body: 1rem;
|
|
|
|
|
--font-xsmall: 0.7344rem;
|
|
|
|
|
--font-small: 0.8571rem;
|
|
|
|
|
--font-large: 1.3rem;
|
|
|
|
|
--font-title: 1.71rem;
|
|
|
|
|
--font-heading: 2.94rem;
|
2018-11-27 23:41:30 +01:00
|
|
|
}
|
