|
1 |
| -@font-face { |
2 |
| - font-family: 'manrope__font_regular'; |
3 |
| - src: url('../fonts/Manrope/Manrope-Regular.ttf'); |
4 |
| - font-weight: normal; |
5 |
| - font-style: normal; |
6 |
| - font-display: swap; |
7 |
| -} |
| 1 | +/* Fonts */ |
8 | 2 |
|
9 | 3 | @font-face {
|
10 |
| - font-family: 'manrope__font_medium'; |
11 |
| - src: url('../fonts/Manrope/Manrope-Medium.ttf'); |
| 4 | + font-family: 'manrope__bold'; |
| 5 | + src: url('../fonts/Manrope-Bold.ttf'); |
12 | 6 | font-weight: normal;
|
13 | 7 | font-style: normal;
|
14 | 8 | font-display: swap;
|
15 | 9 | }
|
16 | 10 |
|
17 | 11 | @font-face {
|
18 |
| - font-family: 'manrope__font_bold'; |
19 |
| - src: url('../fonts/Manrope/Manrope-Bold.ttf'); |
| 12 | + font-family: 'inter__regular'; |
| 13 | + src: url('../fonts/Inter-Regular.ttf'); |
20 | 14 | font-weight: normal;
|
21 | 15 | font-style: normal;
|
22 | 16 | font-display: swap;
|
23 | 17 | }
|
24 | 18 |
|
25 | 19 | @font-face {
|
26 |
| - font-family: 'manrope__font_heavy'; |
27 |
| - src: url('../fonts/Manrope/Manrope-ExtraBold.ttf'); |
| 20 | + font-family: 'inter__bold'; |
| 21 | + src: url('../fonts/Inter-Bold.ttf'); |
28 | 22 | font-weight: normal;
|
29 | 23 | font-style: normal;
|
30 | 24 | font-display: swap;
|
31 | 25 | }
|
32 | 26 |
|
33 |
| -/* can add more font from autonolas repo if more fonts are needed */ |
| 27 | + |
| 28 | +/* can add more fonts from autonolas repo if more fonts are needed */ |
34 | 29 |
|
35 | 30 | :root {
|
36 | 31 | --md-primary-fg-color: #7200D6;
|
|
43 | 38 | --md-extra-color-gray-1: #585858;
|
44 | 39 | --md-extra-color-gray-2: #f8f8f7;
|
45 | 40 | --md-extra-color-gray-3: #000000;
|
46 |
| - --md-text-font-lightregular: "manrope__font_regular"; |
47 |
| - --md-text-font-medium: "manrope__font_medium"; |
48 |
| - --md-text-font-bold: "manrope__font_bold"; |
49 |
| - --md-text-font-heavy: "manrope__font_heavy"; |
50 |
| - --md-text-font-family: "manrope__font_regular"; |
51 |
| -} |
52 |
| - |
53 |
| -/* font changes */ |
54 |
| -.md-content__inner h1, |
55 |
| -.md-content__inner h2, |
56 |
| -.md-content__inner h3, |
57 |
| -.md-sidebar .md-nav .md-nav__title, |
58 |
| -.md-footer .md-footer-nav__title { |
59 |
| - font-family: var(--md-text-font-lightregular); |
| 41 | + --md-body-font: "inter__regular", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| 42 | + --md-heading-font: "manrope__bold", var(--body-font); |
| 43 | +} |
| 44 | + |
| 45 | +.md-content__inner h1 { |
| 46 | + font-family: var(--md-heading-font); |
| 47 | +} |
| 48 | + |
| 49 | +.md-nav--primary .md-nav__title { |
| 50 | + display: none; |
60 | 51 | }
|
61 | 52 |
|
62 | 53 | /* header & tabs */
|
63 | 54 | .md-header {
|
64 | 55 | color: var(--md-extra-color-white);
|
65 | 56 | }
|
66 | 57 |
|
| 58 | +.md-header__title { |
| 59 | + margin-left: 0; |
| 60 | +} |
| 61 | + |
67 | 62 | /* hiding icon at top */
|
68 | 63 | .md-header-nav .md-flex__cell.md-flex__cell--shrink {
|
69 | 64 | display: none;
|
70 | 65 | }
|
71 | 66 |
|
72 | 67 | .md-header-nav .md-header-nav__title .md-header-nav__topic {
|
73 |
| - text-transform: uppercase; |
74 |
| - letter-spacing: 20px; |
75 | 68 | font-size: 24px;
|
76 |
| - font-family: var(--md-text-font-medium); |
77 | 69 | }
|
78 | 70 |
|
79 | 71 | .md-header-nav .md-header-nav__title .md-header-nav__topic:nth-child(2) {
|
|
100 | 92 |
|
101 | 93 | /* left sidebar */
|
102 | 94 | .md-sidebar .md-nav .md-nav__title {
|
103 |
| - text-transform: uppercase; |
104 | 95 | color: var(--md-extra-color-black);
|
105 | 96 | font-size: 18px;
|
106 | 97 | }
|
|
125 | 116 |
|
126 | 117 | /* ------ content ------ */
|
127 | 118 | .md-content__inner h1 {
|
128 |
| - text-transform: uppercase; |
129 | 119 | font-weight: bold;
|
130 | 120 | color: var(--md-extra-color-black);
|
131 | 121 | }
|
132 | 122 |
|
133 |
| -.md-content__inner h2 { |
134 |
| - color: var(--md-primary-fg-color); |
135 |
| - /* font-family: var(--md-text-font-bold); */ |
136 |
| -} |
137 |
| - |
138 |
| -.md-content__inner h3 { |
139 |
| - color: var(--md-primary-fg-color); |
140 |
| -} |
141 |
| - |
142 | 123 | .md-typeset a {
|
143 | 124 | color: var(--md-typeset-a-color);
|
144 | 125 | font-weight: bold;
|
|
149 | 130 | color: var(--md-typeset-a-color);
|
150 | 131 | }
|
151 | 132 |
|
152 |
| -.md-typeset .admonition, |
153 |
| -.md-typeset details { |
154 |
| - border-color: var(--md-primary-fg-color); |
155 |
| - border: none; |
156 |
| -} |
157 |
| - |
158 |
| -.md-typeset .note>.admonition-title:before, |
159 |
| -.md-typeset .note>summary:before { |
160 |
| - background-color: var(--md-primary-fg-color); |
161 |
| -} |
162 |
| - |
163 |
| -.md-typeset .admonition>.admonition-title:before, |
164 |
| -.md-typeset .admonition>summary:before, |
165 |
| -.md-typeset details>.admonition-title:before, |
166 |
| -.md-typeset details>summary:before { |
167 |
| - color: var(--md-primary-fg-color); |
168 |
| -} |
169 |
| - |
170 |
| -.md-typeset .admonition>.admonition-title, |
171 |
| -.md-typeset .admonition>summary, |
172 |
| -.md-typeset details>.admonition-title, |
173 |
| -.md-typeset details>summary { |
174 |
| - background-color: var(--md-primary-fg-color--light); |
175 |
| -} |
176 |
| - |
177 | 133 | /* ------ footer ------ */
|
178 | 134 | .md-footer {
|
179 | 135 | background-color: var(--md-primary-fg-color);
|
|
182 | 138 | .md-footer .md-footer-nav,
|
183 | 139 | .md-footer .md-footer-nav__direction {
|
184 | 140 | color: var(--md-extra-color-black);
|
185 |
| - font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| 141 | + font-family: var(--md-body-font); |
186 | 142 | }
|
187 | 143 |
|
188 | 144 | .md-footer .md-footer-nav__title {
|
|
198 | 154 | }
|
199 | 155 |
|
200 | 156 | /* ------ common ------ */
|
| 157 | +body { |
| 158 | + font-family: var(--md-body-font); |
| 159 | +} |
| 160 | + |
201 | 161 | pre {
|
202 | 162 | background-color: #f8f8f7;
|
203 | 163 | background-color: var(--md-extra-color-gray-2);
|
|
0 commit comments