-
Notifications
You must be signed in to change notification settings - Fork 43
Expand file tree
/
Copy pathcustom.css
More file actions
196 lines (169 loc) · 6.75 KB
/
custom.css
File metadata and controls
196 lines (169 loc) · 6.75 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/
@import "@fontsource-variable/inter";
/* You can override the default Infima variables here. */
:root {
--ifm-color-primary: #0500e1;
--ifm-color-primary-dark: #0500e1;
--ifm-color-primary-darker: #0500e1;
--ifm-color-primary-darkest: #0500e1;
--ifm-color-primary-light: #0500e1;
--ifm-color-primary-lighter: #0500e1;
--ifm-color-primary-lightest: #0500e1;
--ifm-code-font-size: 95%;
--ifm-font-family-base: 'Inter', sans-serif;
--ifm-font-family-monospace: "Roboto Mono", monospace;
--ifm-global-radius: 0;
--ifm-alert-border-width: 5px;
--docusaurus-highlighted-code-line-bg: #dddfe1;
--ifm-color-secondary-text: #71717A;
--ifm-color-card-heading: #09090B;
--ifm-color-card-heading-secondary: #18181B;
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
html[data-theme='dark'] {
--ifm-color-primary: #00ffff;
--ifm-color-primary-dark: #00ffff;
--ifm-color-primary-darker: #00ffff;
--ifm-color-primary-darkest: #00ffff;
--ifm-color-primary-light: #00ffff;
--ifm-color-primary-lighter: #00ffff;
--ifm-color-primary-lightest: #00ffff;
--docusaurus-highlighted-code-line-bg: #646464;
--ifm-color-secondary-text: #A1A1AA;
--ifm-color-card-heading: #FAFAFA;
--ifm-color-card-heading-secondary: #FAFAFA;
}
/* Custom fonts */
@font-face {
font-family: "Roboto";
src: url("/static/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto Medium";
src: url("/static/fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
font-family: "Roboto Mono";
src: url("/static/fonts/RobotoMono-Regular.ttf") format("truetype");
}
article strong, h1 {
font-family: "Roboto Medium", sans-serif;
}
.docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.1);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}
html[data-theme='dark'] .docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.3);
}
.header-link::before {
content: '';
width: 24px;
height: 24px;
display: flex;
}
.header-github-link:hover,
.header-www-link:hover {
opacity: 0.6;
}
.header-github-link::before {
content: '';
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
no-repeat;
}
.header-www-link::before {
content: '';
width: 24px;
height: 24px;
display: flex;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11zm0 0c3 0 4-5 4-11S15 1 12 1 8 6 8 12s1 11 4 11zM2 16h20M2 8h20' /%3E%3C/svg%3E")
no-repeat;
}
[data-theme='dark'] .header-github-link::before {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
no-repeat;
}
[data-theme='dark'] .header-www-link::before {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11zm0 0c3 0 4-5 4-11S15 1 12 1 8 6 8 12s1 11 4 11zM2 16h20M2 8h20' /%3E%3C/svg%3E")
no-repeat;
}
/* Add vertical spacing between the individual DocCards outside of DocCardList
component. */
.markdown > a.card {
margin-bottom: 32px;
}
/* Reduce the font size to make the sidebar more appealing. */
.theme-doc-sidebar-menu {
font-size: 14px;
}
/* Make the search field more Oasis-like */
.navbar__search-input {
border-radius: 0;
border: 1px solid black;
}
/* The primary dark mode color is too aggressive for the eye when hovering over
the hits. Ideally we should color the matched substrings with the primary
color, but highlight it with --ifm-navbar-search-input-background-color when
hovering over. Temporary fix: Use a less aggressive color for everything. */
html[data-theme="dark"] {
--search-local-highlight-color: #3ec8ff;
}
/* Make docccard and navcard border stronger */
.card,
.pagination-nav__link {
border: 1px solid black !important;
}
[data-theme='dark'] .card,
[data-theme='dark'] .pagination-nav__link {
border: 1px solid white !important;
}
.card {
--ifm-link-hover-color: inherit !important;
height: 100%
}
/* To have the full description of pages,
in combination with card height 100% to have even size boxes in a list.
*/
.card p {
white-space: normal;
}
/* Show the content of tabs slightly indented with a border on the left */
.tabs-container > div {
margin-top: inherit !important;
padding: 1rem;
border-left: 3px solid var(--ifm-tabs-color-active-border);
}
/* Homepage specific styling */
.homepage-container{
display: flex;
width: 100%;
max-width: 80rem;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
gap: 1.5rem;
}
.docs-doc-id-README .container .row .col{
width: 100% !important;
max-width: 80rem!important;
}
.card {
z-index: 1;
}
.card:hover h2::after {
top: 0rem;
right: 0rem;
}
.docs-doc-id-README .theme-doc-footer,
.docs-doc-id-README h1{
display: none;
}