| .toolbar { |
| color: var(--toolbar-font-color); |
| align-items: center; |
| background-color: var(--toolbar-background); |
| box-shadow: 0 1px 0 var(--toolbar-border-color); |
| display: flex; |
| font-size: calc(15 / var(--rem-base) * 1rem); |
| height: var(--toolbar-height); |
| justify-content: flex-start; |
| position: sticky; |
| top: var(--navbar-height); |
| z-index: var(--z-index-toolbar); |
| } |
| |
| .static.toolbar { |
| box-shadow: none; |
| margin: 0; |
| max-width: 100vw; |
| } |
| |
| @media screen and (max-width: 1024px) { |
| .toolbar { |
| top: var(--navbar-mobile-height); |
| } |
| } |
| |
| .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; |
| height: 2.5rem; |
| padding: 0; |
| width: 2.5rem; |
| margin-right: -0.25rem; |
| } |
| |
| @media screen and (min-width: 1025px) { |
| .nav-toggle { |
| display: none; |
| } |
| } |
| |
| .nav-toggle.is-active { |
| background-image: url(../img/back.svg); |
| background-size: 41.5%; |
| } |
| |
| .home-link { |
| background: url(../img/home-o.svg) no-repeat 50% 45%; |
| background-size: 50%; |
| display: block; |
| height: 2.5rem; |
| padding: 0; |
| width: 2.5rem; |
| } |
| |
| .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: 1025px) { |
| .edit-this-page { |
| display: block; |
| } |
| } |
| |
| .toolbar .edit-this-page a { |
| color: var(--toolbar-muted-color); |
| } |