Module:Navpills/styles.css

.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 {
	position: relative;
}

.template-navpill-background {
	position: absolute;
	inset: 0
}

.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 );
}