|
1 | 1 | @use 'src/styles/utility' as *; |
| 2 | +@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans'); |
| 3 | +@import url('https://fonts.googleapis.com/css2?family=Ubuntu'); |
2 | 4 |
|
3 | 5 | /** |
4 | 6 | * Any CSS included here will be global. The classic template |
|
10 | 12 | in order to avoid swizzling the whole component just to modify few classes */ |
11 | 13 |
|
12 | 14 | :root { |
| 15 | + --ibm-font-family-base: 'IBM Plex Sans', sans-serif; |
| 16 | + --ibm-font-family-header: 'Ubuntu', sans-serif; |
13 | 17 | --ifm-color-primary: #2e8555; |
14 | 18 | --ifm-color-primary-dark: #29784c; |
15 | 19 | --ifm-color-primary-darker: #277148; |
|
22 | 26 | --ifm-menu-color: #414652; |
23 | 27 | --ifm-menu-link-sublist-icon-2: url(/img/arrow_sidebar.svg); |
24 | 28 | --ifm-menu-link-padding-vertical: 9px; |
| 29 | + --doc-sidebar-width: 283px !important; |
25 | 30 | } |
26 | 31 |
|
27 | 32 | /* For readability concerns, you should choose a lighter palette in dark mode. */ |
|
40 | 45 | margin: 0; |
41 | 46 | padding: 0; |
42 | 47 | scroll-margin-top: rem(10); |
| 48 | + font-family: var(--ibm-font-family-base); |
43 | 49 | } |
44 | 50 |
|
45 | | -.main-page-row:nth-child(even) { |
46 | | - background-color: var(--ifm-color-emphasis-100); |
| 51 | +h1, |
| 52 | +h2, |
| 53 | +h3, |
| 54 | +h4, |
| 55 | +h5, |
| 56 | +h6 { |
| 57 | + font-family: var(--ibm-font-family-header); |
47 | 58 | } |
48 | 59 |
|
49 | 60 | .error-message { |
|
66 | 77 | margin: 0; |
67 | 78 | padding: 0; |
68 | 79 | } |
| 80 | +h1, |
| 81 | +h2 { |
| 82 | + font-family: 'Ubuntu', sans-serif; |
| 83 | +} |
| 84 | +html, |
| 85 | +body { |
| 86 | + overflow-x: hidden; |
| 87 | +} |
| 88 | + |
| 89 | +.swiper { |
| 90 | + padding: 0 rem(4) !important; |
| 91 | + width: rem(32) !important; |
| 92 | + @media screen and (min-width: 600px) { |
| 93 | + width: rem(55) !important; |
| 94 | + } |
| 95 | +} |
69 | 96 |
|
70 | 97 | .loading { |
71 | 98 | position: absolute; |
|
124 | 151 |
|
125 | 152 | aside.theme-doc-sidebar-container { |
126 | 153 | height: 100vh; |
127 | | - width: rem(28.3); |
128 | 154 | } |
129 | 155 |
|
130 | 156 | [class*='tocCollapsibleButton'] { |
|
0 commit comments