Skip to content

Commit 3e675a2

Browse files
committed
feat(header): style hamburger menu toggle button
1 parent bd5389d commit 3e675a2

1 file changed

Lines changed: 15 additions & 0 deletions

File tree

src/design/components/header/styles.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,18 @@
1212
inline-size: auto;
1313
display: block;
1414
}
15+
.mobile-nav-toggle {
16+
display: inline-flex;
17+
align-items: center;
18+
justify-content: center;
19+
background: none;
20+
border: none;
21+
padding: var(--space-2);
22+
cursor: pointer;
23+
color: var(--color-ink);
24+
border-radius: var(--radius-sm);
25+
}
26+
.mobile-nav-toggle:focus-visible {
27+
outline: 2px solid var(--color-focus-ring);
28+
outline-offset: 2px;
29+
}

0 commit comments

Comments
 (0)