💄 (layout): Style logout button to match nav links
Changes
1 file changed, +25 -0
MODIFY
src/main/resources/META-INF/resources/shark.css
+25 -0
@@ -184,6 +184,31 @@
184
184
color: var(--accent-deep);
185
185
}
186
186
187
+header.site nav .logout {
188
+ display: flex;
189
+ margin: 0;
190
+}
191
+
192
+header.site nav .logout button {
193
+ padding: 0;
194
+ border: none;
195
+ background: none;
196
+ color: var(--ink);
197
+ font: 500 14px/1 var(--font);
198
+ cursor: pointer;
199
+ transition: color .12s;
200
+}
201
+
202
+header.site nav .logout button:hover {
203
+ color: var(--accent-deep);
204
+}
205
+
206
+header.site nav .logout button:focus-visible {
207
+ outline: 2px solid var(--accent);
208
+ outline-offset: 2px;
209
+ border-radius: var(--radius-sm);
210
+}
211
+
187
212
main {
188
213
max-width: 1120px;
189
214
margin: var(--s6) auto;