More actions
en>Alistair3149 No edit summary |
en>Alistair3149 No edit summary |
||
| Line 7: | Line 7: | ||
} | } | ||
.template-navpill a { | .template-navpill > a { | ||
padding: 0 var( --space-md ); | padding: 0 var( --space-md ); | ||
display: flex; | display: flex; | ||
| Line 20: | Line 20: | ||
} | } | ||
.template-navpill a:hover { | .template-navpill > a:hover { | ||
background: var( --background-color-quiet--hover ); | background: var( --background-color-quiet--hover ); | ||
} | } | ||
Revision as of 22:48, 10 June 2024
.template-navpills {
display: grid;
gap: var( --space-xs );
grid-template-columns: repeat( auto-fill, minmax( 160px, 1fr ) );
grid-auto-rows: 3rem;
font-size: 0.875rem;
}
.template-navpill > a {
padding: 0 var( --space-md );
display: flex;
align-items: center;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--medium );
color: var( --color-base--emphasized );
font-weight: var( --font-weight-medium );
line-height: var( --line-height-sm );
text-decoration: none;
height: 100%;
}
.template-navpill > a:hover {
background: var( --background-color-quiet--hover );
}
.template-navpills a:active {
background: var( --background-color-quiet--active );
}