Fix issue where logo and mobil menu button touch targets overlap.

This commit is contained in:
Fredrik Jonsson 2023-02-24 10:43:41 +01:00
commit f8857ed623

View file

@ -2,19 +2,18 @@
.header,
%header {
display: flex;
flex-direction: column;
gap: var(--gutters);
background-color: var(--color-header-bg);
@include respond-to(s) {
display: flex;
flex-direction: row;
}
// Wrapping link for logo.
&__logo {
@include respond-to(s) {
margin: 0 var(--gutters) 0 0;
@include rtl() {
margin: 0 0 0 var(--gutters);
}
}
width: fit-content;
}
// Logo image.