1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 | :root {
|
13 | --font-family-default: "DNB", sans-serif;
|
14 | --font-family-monospace: "DNBMono", "Menlo", "Consolas", "Roboto Mono",
|
15 | "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono",
|
16 | monospace;
|
17 | --font-weight-default: normal;
|
18 | --font-weight-basis: normal;
|
19 | --font-weight-regular: normal;
|
20 | --font-weight-medium: 500;
|
21 | --font-weight-bold: 600;
|
22 | --font-size-x-small: 0.875rem;
|
23 | --font-size-small: 1rem;
|
24 | --font-size-basis: 1.125rem;
|
25 | --font-size-basis--em: 1em;
|
26 | --font-size-lead: var(--font-size-medium);
|
27 | --font-size-medium: 1.25rem;
|
28 | --font-size-large: 1.625rem;
|
29 | --font-size-x-large: 2.125rem;
|
30 | --font-size-xx-large: 3rem;
|
31 | --line-height-xx-small--em: 1em;
|
32 | --line-height-x-small: 1.125rem;
|
33 | --line-height-small: 1.25rem;
|
34 | --line-height-basis: 1.5rem;
|
35 | --line-height-basis--em: 1.333em;
|
36 | --line-height-lead: 1.75rem;
|
37 | --line-height-medium: 2rem;
|
38 | --line-height-large: 2.5rem;
|
39 | --line-height-x-large: 3.5rem;
|
40 | --line-height-xx-large: var(--line-height-x-large);
|
41 | --color-mint-green-50: #d2f0e9;
|
42 | --color-mint-green-25: #e9f8f4;
|
43 | --color-mint-green-12: #f4fbf9;
|
44 | --color-sea-green-30: #b3d5d5;
|
45 | --color-accent-yellow-30: #feebc1;
|
46 | --color-signal-orange: #ff5400;
|
47 | --color-fire-red: #dc2a2a;
|
48 | --color-success-green: #007b5e;
|
49 | --color-fire-red-8: #fdeeee;
|
50 | --color-black: #000;
|
51 | --color-black-80: #333;
|
52 | --color-black-55: #737373;
|
53 | --color-black-20: #ccc;
|
54 | --color-black-8: #ebebeb;
|
55 | --color-black-3: #f8f8f8;
|
56 | --color-white: #fff;
|
57 | --color-black-border: #cdcdcd;
|
58 | --color-black-background: #fafafa;
|
59 | --color-sea-green: #007272;
|
60 | --color-mint-green: #a5e1d2;
|
61 | --color-summer-green: #28b482;
|
62 | --color-emerald-green: #14555a;
|
63 | --color-ocean-green: #00343e;
|
64 | --color-accent-yellow: #fdbb31;
|
65 | --color-indigo: #23195a;
|
66 | --color-violet: #6e2382;
|
67 | --color-sky-blue: #4bbed2;
|
68 | --color-lavender: #f2f2f5;
|
69 | --color-sand-yellow: #fbf6ec;
|
70 | --color-pistachio: #f2f4ec;
|
71 | --color-mint-green-alt: #ebfffa;
|
72 | --color-indigo-medium: #6e6491;
|
73 | --color-indigo-light: #b9afc8;
|
74 | --color-violet-medium: #a06eaf;
|
75 | --color-violet-light: #cfb9d7;
|
76 | --color-sky-blue-medium: #87d2e1;
|
77 | --color-sky-blue-light: #c3ebf0;
|
78 | --spacing-xx-small: 0.25rem;
|
79 | --spacing-x-small: 0.5rem;
|
80 | --spacing-small: 1rem;
|
81 | --spacing-medium: 1.5rem;
|
82 | --spacing-large: 2rem;
|
83 | --spacing-x-large: 3rem;
|
84 | --spacing-xx-large: 3.5rem;
|
85 | --layout-small: 40em;
|
86 | --layout-medium: 60em;
|
87 | --layout-large: 72em;
|
88 | --layout-x-large: 80em;
|
89 | --layout-xx-large: 90em;
|
90 | --shadow-default: 0 8px 16px rgb(51 51 51 / 8%);
|
91 | --shadow-default-x: 0;
|
92 | --shadow-default-y: 8px;
|
93 | --shadow-default-blur-radius: 16px;
|
94 | --shadow-default-color: rgb(51 51 51 / 8%);
|
95 | --easing-default: cubic-bezier(0.42, 0, 0, 1);
|
96 | } |
\ | No newline at end of file |