|
1 | 1 | :root {
|
2 |
| - |
3 | 2 | /* NOTE tint colors are 15% transparent */
|
4 |
| - |
| 3 | + |
5 | 4 | /* primary */
|
6 | 5 | --color-brand-primary: #262626;
|
7 | 6 | --color-brand-black: #000;
|
8 | 7 | --color-brand-red: #ea2328;
|
9 | 8 | --color-brand-red-tint: #fcdedf;
|
10 | 9 | --color-brand-white: #fff;
|
11 |
| - |
| 10 | + |
12 | 11 | /* secondary */
|
13 | 12 | --color-brand-secondary: #fff;
|
14 | 13 | --color-brand-blue: #4287d6;
|
|
24 | 23 | --color-brand-important: #b36cdb;
|
25 | 24 | --color-brand-warning: #ea2328;
|
26 | 25 | --color-brand-caution: #ff8f00;
|
27 |
| - |
| 26 | + |
28 | 27 | /* tertiary */
|
29 | 28 | --color-gray-rgb: 115, 118, 138;
|
30 | 29 | --color-brand-gray1: #292b36;
|
|
44 | 43 | --color-brand-grey: #666;
|
45 | 44 | --color-brand-orange: #fc9c0c;
|
46 | 45 | --color-brand-orange-tint: #fff0da;
|
47 |
| - |
48 | 46 | --color-muted: var(--color-brand-gray);
|
49 | 47 | --color-text: #333;
|
50 | 48 | --color-code: var(--color-brand-pink);
|
|
57 | 55 | --color-link-active: var(--color-brand-blue-secondary-light);
|
58 | 56 | --color-link-hover: var(--color-brand-blue-secondary-extra-light);
|
59 | 57 |
|
| 58 | + /* other colors */ |
60 | 59 | --color-border-table: #dadada;
|
61 | 60 | --color-shade: #f3f3f3;
|
62 | 61 | --color-navbar-bg: var(--color-brand-black);
|
|
69 | 68 | --hljs-attr: #407787;
|
70 | 69 | --hljs-string: #295d1e;
|
71 | 70 | --hljs-number: #0711ba;
|
72 |
| - |
| 71 | + |
73 | 72 | /* Color brand tabsets */
|
74 | 73 | --color-active-tabset: #57a1ff;
|
75 | 74 |
|
76 |
| - /* heights and widths */ |
| 75 | + /* heights */ |
77 | 76 | --height-spacer: 1.1rem;
|
78 | 77 | --height-navbar: 6rem;
|
79 | 78 | --height-version-control: 4.5rem;
|
|
87 | 86 | --nav-menu-top-space: calc(var(--height-to-body) + var(--height-version-control));
|
88 | 87 | --h2-heading-top-space: calc(var(--height-to-body) + 0.5rem);
|
89 | 88 |
|
| 89 | + /* widths */ |
90 | 90 | --width-main-gutter: 2.5rem;
|
91 | 91 | --width-container: 90rem;
|
92 | 92 | --width-container-fluid: 100%;
|
|
101 | 101 | --weight-medium: 500;
|
102 | 102 | --weight-semibold: 600;
|
103 | 103 | --weight-bold: 700;
|
104 |
| - |
| 104 | + |
105 | 105 | /* Z-index */
|
106 | 106 | --z-index-feedback: 8;
|
107 | 107 | --z-index-nav-toggle: 7;
|
|
0 commit comments