forked from rishu-buf/docs.buf.build
-
Notifications
You must be signed in to change notification settings - Fork 0
/
custom.css
177 lines (150 loc) · 11.8 KB
/
custom.css
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
/* stylelint-disable docusaurus/copyright-header */
@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Work+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400&display=block");
/*
* These are Infima variables.
* Ref: https://github.com/facebookincubator/infima/blob/v0.2.0-alpha.29/packages/core/styles/common/variables.pcss
*/
:root {
/* Infima Colors */
--ifm-color-primary: #161ede; /* buf-blue from bufbuild/core */
--ifm-color-primary-light: rgb(119, 225, 255);
--ifm-color-primary-dark: #191e8c;
--ifm-color-primary-darker: #191e8c;
--ifm-color-primary-darkest: #191e8c;
--ifm-font-color-base: #090a3a; /* standard font color from bufbuild/core */
--ifm-color-orange: #f97316; /* for strong contrasts */
--ifm-color-gray: #475569;
/* Colors specific to the buf header and footer */
--buf-footer-color: #4b4e6b;
--buf-light-button-color: rgba(9, 10, 58, 0.6);
--buf-light-button-border-color: #dbdce7;
--buf-searchbox-placeholder-color: #3e4049;
--buf-gray-slack-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.21651 12.6332C4.21651 13.7947 3.27776 14.7335 2.11625 14.7335C0.954744 14.7335 0.0159912 13.7947 0.0159912 12.6332C0.0159912 11.4717 0.954744 10.533 2.11625 10.533H4.21651V12.6332ZM5.26664 12.6332C5.26664 11.4717 6.20539 10.533 7.3669 10.533C8.52841 10.533 9.46716 11.4717 9.46716 12.6332V17.8839C9.46716 19.0454 8.52841 19.9841 7.3669 19.9841C6.20539 19.9841 5.26664 19.0454 5.26664 17.8839V12.6332Z' fill='rgba(9, 10, 58, 0.6)'/%3E%3Cpath d='M7.36682 4.20052C6.20531 4.20052 5.26656 3.26177 5.26656 2.10026C5.26656 0.938753 6.20531 0 7.36682 0C8.52833 0 9.46708 0.938753 9.46708 2.10026V4.20052H7.36682ZM7.36682 5.26656C8.52833 5.26656 9.46708 6.20531 9.46708 7.36682C9.46708 8.52833 8.52833 9.46708 7.36682 9.46708H2.10026C0.938753 9.46708 0 8.52833 0 7.36682C0 6.20531 0.938753 5.26656 2.10026 5.26656H7.36682Z' fill='rgba(9, 10, 58, 0.6)'/%3E%3Cpath d='M15.7836 7.36682C15.7836 6.20531 16.7224 5.26656 17.8839 5.26656C19.0454 5.26656 19.9841 6.20531 19.9841 7.36682C19.9841 8.52833 19.0454 9.46708 17.8839 9.46708H15.7836V7.36682ZM14.7335 7.36682C14.7335 8.52833 13.7947 9.46708 12.6332 9.46708C11.4717 9.46708 10.533 8.52833 10.533 7.36682V2.10026C10.533 0.938753 11.4717 0 12.6332 0C13.7947 0 14.7335 0.938753 14.7335 2.10026V7.36682Z' fill='rgba(9, 10, 58, 0.6)'/%3E%3Cpath d='M12.6332 15.7836C13.7947 15.7836 14.7335 16.7224 14.7335 17.8839C14.7335 19.0454 13.7947 19.9841 12.6332 19.9841C11.4717 19.9841 10.533 19.0454 10.533 17.8839V15.7836H12.6332ZM12.6332 14.7335C11.4717 14.7335 10.533 13.7947 10.533 12.6332C10.533 11.4717 11.4717 10.533 12.6332 10.533H17.8998C19.0613 10.533 20 11.4717 20 12.6332C20 13.7947 19.0613 14.7335 17.8998 14.7335H12.6332Z' fill='rgba(9, 10, 58, 0.6)'/%3E%3C/svg%3E%0A");
--buf-blue-slack-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.21651 12.6332C4.21651 13.7947 3.27776 14.7335 2.11625 14.7335C0.954744 14.7335 0.0159912 13.7947 0.0159912 12.6332C0.0159912 11.4717 0.954744 10.533 2.11625 10.533H4.21651V12.6332ZM5.26664 12.6332C5.26664 11.4717 6.20539 10.533 7.3669 10.533C8.52841 10.533 9.46716 11.4717 9.46716 12.6332V17.8839C9.46716 19.0454 8.52841 19.9841 7.3669 19.9841C6.20539 19.9841 5.26664 19.0454 5.26664 17.8839V12.6332Z' fill='%23191E8C'/%3E%3Cpath d='M7.36682 4.20052C6.20531 4.20052 5.26656 3.26177 5.26656 2.10026C5.26656 0.938753 6.20531 0 7.36682 0C8.52833 0 9.46708 0.938753 9.46708 2.10026V4.20052H7.36682ZM7.36682 5.26656C8.52833 5.26656 9.46708 6.20531 9.46708 7.36682C9.46708 8.52833 8.52833 9.46708 7.36682 9.46708H2.10026C0.938753 9.46708 0 8.52833 0 7.36682C0 6.20531 0.938753 5.26656 2.10026 5.26656H7.36682Z' fill='%23191E8C'/%3E%3Cpath d='M15.7836 7.36682C15.7836 6.20531 16.7224 5.26656 17.8839 5.26656C19.0454 5.26656 19.9841 6.20531 19.9841 7.36682C19.9841 8.52833 19.0454 9.46708 17.8839 9.46708H15.7836V7.36682ZM14.7335 7.36682C14.7335 8.52833 13.7947 9.46708 12.6332 9.46708C11.4717 9.46708 10.533 8.52833 10.533 7.36682V2.10026C10.533 0.938753 11.4717 0 12.6332 0C13.7947 0 14.7335 0.938753 14.7335 2.10026V7.36682Z' fill='%23191E8C'/%3E%3Cpath d='M12.6332 15.7836C13.7947 15.7836 14.7335 16.7224 14.7335 17.8839C14.7335 19.0454 13.7947 19.9841 12.6332 19.9841C11.4717 19.9841 10.533 19.0454 10.533 17.8839V15.7836H12.6332ZM12.6332 14.7335C11.4717 14.7335 10.533 13.7947 10.533 12.6332C10.533 11.4717 11.4717 10.533 12.6332 10.533H17.8998C19.0613 10.533 20 11.4717 20 12.6332C20 13.7947 19.0613 14.7335 17.8998 14.7335H12.6332Z' fill='%23191E8C'/%3E%3C/svg%3E%0A");
--buf-gray-github-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0001 0C4.47791 0 0 4.5904 0 10.2532C0 14.7833 2.86533 18.6266 6.83867 19.9824C7.33844 20.0773 7.52192 19.76 7.52192 19.4891C7.52192 19.2446 7.51265 18.437 7.50834 17.5802C4.72631 18.2005 4.13927 16.3705 4.13927 16.3705C3.68437 15.1854 3.02894 14.8702 3.02894 14.8702C2.12163 14.2339 3.09733 14.2469 3.09733 14.2469C4.10151 14.3193 4.63026 15.3035 4.63026 15.3035C5.52217 16.871 6.96965 16.4178 7.5403 16.1559C7.63006 15.4932 7.88922 15.0409 8.1752 14.7848C5.95405 14.5256 3.61913 13.6464 3.61913 9.71766C3.61913 8.59825 4.00977 7.6836 4.64947 6.96556C4.54564 6.70731 4.20335 5.66448 4.74635 4.25218C4.74635 4.25218 5.58609 3.97661 7.49708 5.30317C8.29476 5.07599 9.15024 4.96206 10.0001 4.95816C10.8499 4.96206 11.7061 5.07599 12.5052 5.30317C14.4139 3.97661 15.2525 4.25218 15.2525 4.25218C15.7968 5.66448 15.4544 6.70731 15.3505 6.96556C15.9917 7.6836 16.3797 8.59825 16.3797 9.71766C16.3797 13.6557 14.0403 14.5228 11.8135 14.7767C12.1722 15.0949 12.4918 15.7188 12.4918 16.6754C12.4918 18.0473 12.4802 19.1514 12.4802 19.4891C12.4802 19.762 12.6602 20.0817 13.1671 19.981C17.1383 18.6237 20 14.7818 20 10.2532C20 4.5904 15.5227 0 10.0001 0Z' fill='rgba(9, 10, 58, 0.6)'/%3E%3C/svg%3E%0A");
--buf-blue-github-icon: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0001 0C4.47791 0 0 4.5904 0 10.2532C0 14.7833 2.86533 18.6266 6.83867 19.9824C7.33844 20.0773 7.52192 19.76 7.52192 19.4891C7.52192 19.2446 7.51265 18.437 7.50834 17.5802C4.72631 18.2005 4.13927 16.3705 4.13927 16.3705C3.68437 15.1854 3.02894 14.8702 3.02894 14.8702C2.12163 14.2339 3.09733 14.2469 3.09733 14.2469C4.10151 14.3193 4.63026 15.3035 4.63026 15.3035C5.52217 16.871 6.96965 16.4178 7.5403 16.1559C7.63006 15.4932 7.88922 15.0409 8.1752 14.7848C5.95405 14.5256 3.61913 13.6464 3.61913 9.71766C3.61913 8.59825 4.00977 7.6836 4.64947 6.96556C4.54564 6.70731 4.20335 5.66448 4.74635 4.25218C4.74635 4.25218 5.58609 3.97661 7.49708 5.30317C8.29476 5.07599 9.15024 4.96206 10.0001 4.95816C10.8499 4.96206 11.7061 5.07599 12.5052 5.30317C14.4139 3.97661 15.2525 4.25218 15.2525 4.25218C15.7968 5.66448 15.4544 6.70731 15.3505 6.96556C15.9917 7.6836 16.3797 8.59825 16.3797 9.71766C16.3797 13.6557 14.0403 14.5228 11.8135 14.7767C12.1722 15.0949 12.4918 15.7188 12.4918 16.6754C12.4918 18.0473 12.4802 19.1514 12.4802 19.4891C12.4802 19.762 12.6602 20.0817 13.1671 19.981C17.1383 18.6237 20 14.7818 20 10.2532C20 4.5904 15.5227 0 10.0001 0Z' fill='%23191E8C'/%3E%3C/svg%3E%0A");
/* Fonts */
--ifm-font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--ifm-font-family-monospace: ui-monospace, "SFMono-Regular", Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--ifm-heading-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--buf-mono-font: "DM Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
--buf-sans-font: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
/* Reduce border radius of the large pagination buttons at the bottom */
--ifm-pagination-nav-border-radius: 2px;
/* Custom chevron for the left hand sidebar */
--ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(0.88,0,0,0.88,1.3,1.3)"><path d="M11.505,8.838L11.071,9.271L8,6.2L4.929,9.271L4.496,8.837L8,5.333L11.505,8.838Z" style="fill:rgb(9,10,58);"/></g></svg>');
/* Increase navbar height. We set the variable here because it is used in multiple
places in the layout, not just in the Navbar component we override. */
--ifm-navbar-height: 70px;
/* If we upgrade docusaurus from 2.0.0-beta.3, and yellow blockquotes introduced
in 2.0.0-beta.4 are still present, we can use the styles blow to change them to a
more sensible gray:
--ifm-blockquote-background-color: transparent;
--ifm-blockquote-border-color: #dadde1;
--ifm-blockquote-border-left-width: 6px;
--ifm-blockquote-shadow: none;
--ifm-blockquote-foreground-color: #6a737d;
*/
/* Admonition colors (derived from https://github.com/favoloso/remarkable-admonitions/blob/master/styles/docusaurus-admonitions.css) */
--ifm-color-success: rgba(46, 204, 113, 0.1);
--ifm-color-info: rgba(52, 152, 219, 0.1);
--ifm-color-danger: rgba(231, 76, 60, 0.1);
--ifm-color-warning: rgba(230, 126, 34, 0.1);
/* Syntax widget */
--syntax-color-constant: var(--ifm-color-gray);
--syntax-color-variable: var(--ifm-color-primary);
--syntax-color-default: var(--ifm-color-orange);
}
/* Infima v0.2.0-alpha.26 does not apply it's heading font family variable to
headings, so we do */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--ifm-heading-font-family);
}
/* Slightly increase the font size of the right-hand sidebar. "Swizzling"
does not work here without duplicating the entire original source, so
we aim for the class name. */
.table-of-contents {
font-size: 0.85rem;
}
/**
* Styles the highlighted lines in code blocks, for example:
*
* ```yaml title=buf.yaml {2}
* foo:
* bar
* ```
* Would highlight line 2.
*/
.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);
}
figure {
text-align: center;
}
figcaption {
font-weight: 100;
font-size: 1.2rem;
text-align: right;
}
/* Admonition blocks */
.admonition {
color: var(--ifm-font-color-base);
}
.admonition .prism-code {
border: 1px solid var(--ifm-color-gray);
}
.admonition.admonition-success,
.admonition.admonition-tip {
border: 2px solid rgb(0, 200, 83);
}
.admonition.admonition-info {
border: 2px solid #3498db;
}
.admonition.admonition-note {
border: 2px solid #9ca3af;
background-color: #f3f4f6;
}
.admonition.admonition-danger {
border: 2px solid #e74c3c;
}
.admonition.admonition-warning {
border: 2px solid #e67e22;
}
.admonition-heading {
text-transform: none;
}
.admonition ul,
.admonition pre {
margin: 0;
}
.admonition a {
color: var(--ifm-color-primary);
text-decoration: none;
}
.admonition a:hover {
text-decoration: underline;
}
/* Markdown blockquotes */
blockquote {
color: rgb(0, 0, 0);
background-color: rgb(246, 248, 250);
border-left: 4px solid var(--ifm-color-primary);
}