.toolbar { color: var(--toolbar-font-color); align-items: center; background-color: var(--color-white); display: flex; font-size: calc(15 / var(--rem-base) * 1rem); height: var(--toolbar-height); justify-content: flex-start; margin: 1rem 0; } .toolbar a { color: inherit; } .nav-toggle { background: url(../img/menu.svg) no-repeat 50% 47.5%; background-size: 49%; border: none; outline: none; line-height: inherit; padding: 0; height: var(--toolbar-height); width: var(--toolbar-height); margin-right: -0.25rem; } @media screen and (min-width: 1024px) { .nav-toggle { display: none; } } .nav-toggle.is-active { background-image: url(../img/back.svg); background-size: 41.5%; } .home-link { display: block; background: url(../img/home-o.svg) no-repeat center; height: calc(var(--toolbar-height) / 2); width: calc(var(--toolbar-height) / 2); margin: calc(var(--toolbar-height) / 4); } .home-link:hover, .home-link.is-current { background-image: url(../img/home.svg); } .edit-this-page { display: none; /* padding-right: 0.5rem; */ } @media screen and (min-width: 1024px) { .edit-this-page { display: block; } } .toolbar .edit-this-page a { color: var(--toolbar-muted-color); } .toolbar .edit-this-page a:hover { color: var(--color-bwg-main); font-weight: 600; }