diff --git a/components/Header.css b/components/Header.css index 6e46d18..4edab48 100644 --- a/components/Header.css +++ b/components/Header.css @@ -35,14 +35,18 @@ header nav { align-items: center; & > li { - padding: var(--_gap-half) var(--_gap); list-style: none; - border: var(--_border-size) solid transparent; transition: border var(--_transition-delay) ease; + border: var(--_border-size) solid transparent; & > a { + display: inline-block; text-decoration: none; } + + & > * { + padding: var(--_gap-half) var(--_gap); + } } & > li:hover { @@ -92,7 +96,6 @@ header details { & li { list-style: none; border: none; - padding: var(--_gap) calc(var(--_gap) + 0.29rem); } & li:hover { @@ -101,6 +104,8 @@ header details { & a { text-decoration: none; + padding: var(--_gap) calc(var(--_gap) + 0.29rem); + display: inline-block; } }