1header > nav[aria-label="Repository navigation"] {
2 flex-wrap: wrap;
3}
4
5header > nav[aria-label="Repository navigation"] ul {
6 flex-wrap: wrap;
7}
8
9header > nav[aria-label="Repository navigation"] ul:first-of-type {
10 margin-left: 0;
11}
12
13header > nav[aria-label="Repository navigation"] ul:first-of-type > li {
14 padding-bottom: 0;
15}
16
17header > nav[aria-label="Repository navigation"] ul:last-of-type {
18 margin-right: 0;
19}
20
21header > nav[aria-label="Repository navigation"] ul > li {
22 padding-left: 0;
23}
24
25nav[aria-label="breadcrumb"] {
26 margin-bottom: var(--pico-block-spacing-vertical);
27}
28
29nav[aria-label="breadcrumb"] ul {
30 flex-wrap: wrap;
31 row-gap: 0;
32}
33
34nav[aria-label="breadcrumb"] li {
35 flex-shrink: 0;
36 padding-top: 0;
37 padding-bottom: 0;
38}
39
40nav[aria-label="breadcrumb"] ul li:not(:first-child) {
41 margin-inline-start: 0;
42}
43
44nav[aria-label="breadcrumb"] ul li:not(:last-child)::after {
45 content: none;
46}
47
48nav[aria-label="breadcrumb"] ul li:not(:first-child)::before {
49 float: none;
50 content: var(--pico-nav-breadcrumb-divider);
51 color: var(--pico-muted-color);
52 padding-left: 0;
53 padding-right: calc(var(--pico-nav-link-spacing-horizontal) * 2);
54}
55
56nav[aria-label="File actions"] ul,
57nav[aria-label="Commit actions"] ul {
58 justify-content: flex-start;
59}
60
61@media (min-width: 576px) {
62 header > nav[aria-label="Repository navigation"] ul {
63 justify-content: flex-end;
64 }
65}
66
67.skip-link {
68 position: absolute;
69 left: -9999px;
70 top: auto;
71 width: 1px;
72 height: 1px;
73 overflow: hidden;
74}
75
76.skip-link:focus {
77 position: static;
78 width: auto;
79 height: auto;
80 overflow: visible;
81}
82
83pre.chroma > code {
84 background: var(--pico-code-background-color);
85}
86
87pre.chroma {
88 background: var(--pico-code-background-color);
89}
90
91section[aria-labelledby="diff-heading"] article h4 .secondary {
92 opacity: 0;
93 transition: opacity 0.2s ease-in-out;
94}
95
96section[aria-labelledby="diff-heading"] article h4:hover .secondary,
97section[aria-labelledby="diff-heading"] article h4:focus-within .secondary {
98 opacity: 1;
99}
100
101:root {
102 --pico-font-family-sans-serif: "Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif,var(--pico-font-family-emoji);
103 --pico-font-family-monospace: "0xProto","JetBrains Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace,var(--pico-font-family-emoji);
104}
105
106.badge {
107 display: inline-block;
108 padding: 0.25rem 0.5rem;
109 font-size: 0.875rem;
110 font-weight: 600;
111 line-height: 1;
112 border-radius: 0.25rem;
113 text-transform: lowercase;
114 background-color: var(--pico-card-background-color);
115 border: 2px solid;
116}
117
118.badge-open {
119 border-color: var(--pico-form-element-valid-border-color);
120}
121
122.badge-closed {
123 border-color: var(--pico-secondary-border);
124}
125
126.bug-message {
127 margin: 1rem 0;
128}
129
130.bug-status-icon {
131 display: inline-block;
132 width: 1em;
133 height: 1em;
134 vertical-align: middle;
135 margin-right: 0.25rem;
136}
137
138.bug-status-icon-open {
139 stroke: var(--pico-form-element-valid-border-color);
140}
141
142.bug-status-icon-closed {
143 stroke: var(--pico-secondary-border);
144}
145
146.muted {
147 color: var(--pico-muted-color);
148}
149
150.visually-hidden {
151 position: absolute;
152 width: 1px;
153 height: 1px;
154 padding: 0;
155 margin: -1px;
156 overflow: hidden;
157 clip: rect(0, 0, 0, 0);
158 white-space: nowrap;
159 border: 0;
160}
161
162article > header > h1,
163article > header > h2,
164article > header > h3,
165article > header > h4,
166article > header > h5,
167article > header > h6,
168article > header > p {
169 margin-bottom: 0;
170}
171
172article > p:only-child {
173 margin-bottom: 0;
174}
175
176.bug-label {
177 display: inline-block;
178 padding: 0.25rem 0.5rem;
179 font-size: 0.875rem;
180 font-weight: 600;
181 line-height: 1;
182 border-radius: 0.25rem;
183 vertical-align: middle;
184 background-color: color-mix(in srgb, var(--label-color) 20%, var(--pico-card-background-color));
185 border: 2px solid color-mix(in srgb, var(--label-color) 40%, var(--pico-card-background-color));
186 color: var(--pico-color);
187}
188
189.avatar {
190 display: inline-block;
191 width: 1.5rem;
192 height: 1.5rem;
193 border-radius: 50%;
194 vertical-align: middle;
195 margin-right: 0.375rem;
196 object-fit: cover;
197 background-color: var(--pico-secondary-background);
198}
199
200.avatar-timeline {
201 width: 2rem;
202 height: 2rem;
203 margin-right: 0.5rem;
204}