Fix issue where logo and mobil menu button touch targets overlap.
This commit is contained in:
parent
97e5eb3bd7
commit
f8857ed623
1 changed files with 9 additions and 10 deletions
|
|
@ -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.
|
||||
|
|
|
|||
Loading…
Reference in a new issue