1.doc-pills {
2 display: flex;
3 flex-wrap: wrap;
4 flex-direction: row;
5}
6
7.doc-pill {
8 margin-right: 10px;
9 margin-bottom: 10px;
10 padding: 8px 25px;
11 background-color: white;
12 border-radius: 8px;
13 color: var(--color-dark);
14 border: 1px solid var(--color-dark);
15}
16
17.doc-pill.active:hover {
18 opacity: 1;
19}
20
21.doc-pill.active {
22 background-color: var(--color-dark);
23 border: 1px solid var(--color-dark);
24 color: white;
25}
26
27section.mdx-content .section-inner {
28 padding: 0px 100px 75px 100px;
29 max-width: 1000px;
30}
31
32section.docs-header .section-inner {
33 max-width: 1000px;
34}
35
36section.mdx-content .section-inner {
37 padding: 0px 100px 75px 100px;
38 max-width: 1000px;
39}
40
41section.docs-header p a {
42 color: var(--color-accent)
43}
44
45section.mdx-content p a {
46 color: var(--color-accent)
47}
48
49.mdx-content hr {
50 border: 0;
51 height: 1px;
52 background: #ccc;
53 margin-bottom: 40px;
54}
55
56.docs-header p {
57 line-height: 180%;
58}
59
60.mdx-content p {
61 line-height: 180%;
62}
63
64.mdx-content p + ul {
65 margin-top: -10px;
66}
67
68.mdx-content li {
69 list-style: none;
70 line-height: 180%;
71}
72
73.mdx-content li + li {
74 margin-top: 10px;
75}
76
77.mdx-content li:before {
78 content: '-';
79 margin-left: -20px;
80 margin-right: 10px;
81}
82
83.mdx-content li code, .mdx-content p code {
84 color: var(--color-accent);
85}
86
87.mdx-content li code::before, .mdx-content p code::before {
88 content: '`';
89}
90
91.mdx-content li code::after, .mdx-content p code::after {
92 content: '`';
93}
94
95.code-block {
96 display: flex;
97 flex-direction: column;
98 background-color: rgb(41, 44, 51);
99 color: var(--color-dark);
100 box-shadow: 0 0 6px 0 var(--color-shadow);
101 border-radius: 10px;
102 overflow: hidden;
103 margin-bottom: 50px;
104}
105
106.code-block .code-wrapper {
107 display: flex;
108 flex-direction: column;
109 background-color: rgb(41, 44, 51);
110 color: var(--color-dark);
111 box-shadow: 0 0 6px 0 var(--color-shadow);
112 border-radius: 10px;
113 overflow: hidden;
114 padding: 10px;
115}
116
117.code-block pre {
118 margin: 0px;
119 border-radius: 0px;
120 font-size: 14px;
121}
122
123.code-block > code {
124 background-color: rgb(41, 44, 51);
125 padding: 10px;
126 padding-left: 18px;
127 font-size: 14px;
128 font-weight: bold;
129 border-bottom: 1px solid #666;
130 color: white;
131}
132
133@media (max-width: 850px) {
134 section.mdx-content > .section-inner {
135 padding: 0px 10% 8.8% 10%;
136 }
137}