Module:Navplate/styles.css

.template-navplate { margin-top: var( --space-md ); clear: both; font-size: 0.875rem; line-height: var( --line-height-sm ); }

.template-navplate__header { margin-bottom: var( --space-xs ); }

.template-navplate__subtitle, .template-navplate-item__label { color: var( --color-base--subtle ); letter-spacing: 0.05em; }

.template-navplate__title, .template-navplate__groupheader { color: var( --color-base--emphasized ); font-weight: var( --font-weight-semibold ); }

.template-navplate__title { font-size: var( --font-size-h3 ); }

.template-navplate__content { position: relative; border: 1px solid var( --border-color-base ); border-radius: var( --border-radius--medium ); overflow: hidden; }

.template-navplate__groupheader, .template-navplate-item__label { padding: var( --space-xs ) var( --space-md ); }

.template-navplate-item { display: grid; }

.template-navplate-item__label { display: flex; border-bottom: 1px solid var( --border-color-base ); }

.template-navplate-item__list { padding: 10px; /* 10px + 2px = space-sm; 10px + 6px = space-md */ background-color: var( --color-surface-2 ); }

.template-navplate-item__list a { display: inline-block; padding: 2px 6px; }

.template-navplate__content > div + div { border-top: 1px solid var( --border-color-base ); }

@media only screen and ( min-width: 720px ) { .template-navplate-item { grid-template-columns: 180px auto; }

.template-navplate-item__label { border-right: 1px solid var( --border-color-base ); border-bottom: 0; padding-top: var( --space-sm ); padding-bottom: var( --space-sm ); } }