Move main menu margins to utility class in template.
This commit is contained in:
parent
8cab5d3d5e
commit
aad10abe8b
3 changed files with 2 additions and 6 deletions
|
|
@ -109,10 +109,6 @@ article {
|
||||||
// Navigation
|
// Navigation
|
||||||
|
|
||||||
.main-menu {
|
.main-menu {
|
||||||
.page > & {
|
|
||||||
margin-block: var(--spacing-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
background-color: var(--color-button);
|
background-color: var(--color-button);
|
||||||
|
|
|
||||||
|
|
@ -6,11 +6,11 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: var(--gutters);
|
gap: var(--gutters);
|
||||||
align-items: center;
|
|
||||||
background-color: var(--color-header-bg);
|
background-color: var(--color-header-bg);
|
||||||
|
|
||||||
@media (min-width: 666px) {
|
@media (min-width: 666px) {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Wrapping link for logo.
|
// Wrapping link for logo.
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<nav class="main-menu{{ if not ($.Param "menuinheader") }} layout__navigation{{ end }}" aria-label="{{ i18n "menu_title" }}">
|
<nav class="main-menu{{ if not ($.Param "menuinheader") }} mx--xs layout__navigation{{ end }}" aria-label="{{ i18n "menu_title" }}">
|
||||||
<ul class="flex-inline mx--0">
|
<ul class="flex-inline mx--0">
|
||||||
{{ $currentPage := . -}}
|
{{ $currentPage := . -}}
|
||||||
{{ range site.Menus.main -}}
|
{{ range site.Menus.main -}}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue