| | |
| | | BREADCRUMBS |
| | | **************************************************************/ |
| | | nav#breadcrumbs { |
| | | --height: fit-content; |
| | | --height: 1.5em; |
| | | --w: 20px; |
| | | width: fit-content; |
| | | max-width: var(--full); |
| | |
| | | .is-style-condensed { |
| | | --dir: row; |
| | | --wrap: wrap; |
| | | --height: fit-content; |
| | | --height: 1.2em; |
| | | --py: .2rem; |
| | | --px: 1rem; |
| | | } |
| | |
| | | } |
| | | |
| | | body > header { |
| | | justify-content: flex-end; |
| | | justify-content: space-between; |
| | | } |
| | | header .title { |
| | | --w: 5em; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: flex-start; |
| | | max-inline-size: none; |
| | | } |
| | | .current-hours { |
| | | position: sticky; |
| | | top: var(--height); |
| | | bottom: unset; |
| | | width: unset; |
| | | z-index: 100; |
| | | background-color: var(--action-0); |
| | | color: var(--action-contrast); |
| | |
| | | } |
| | | nav.menu { |
| | | --justify: flex-start; |
| | | --height: fit-content; |
| | | } |
| | | nav.menu a { |
| | | padding: .5rem .66rem; |
| | |
| | | *************/ |
| | | nav.tabs { |
| | | --gap: 0; |
| | | --height: fit-content; |
| | | --wrap: nowrap; |
| | | padding-bottom: 2px; |
| | | z-index: var(--z-6); |
| | | position: fixed; |
| | | bottom: var(--height); |
| | | left: var(--doubleHeight); |
| | | right: var(--doubleHeight); |
| | | } |
| | | /*@media (min-width: 768px) {*/ |
| | | /* nav.tabs {*/ |