More actions
en>Alistair3149 No edit summary |
en>Alistair3149 No edit summary |
||
Line 2: | Line 2: | ||
margin-top: var( --space-md ); | margin-top: var( --space-md ); | ||
clear: both; | clear: both; | ||
} | |||
.template-navplate__header { | |||
} | |||
.template-navplate__subtitle, | |||
.template-navplate__groupheader, | |||
.template-navplate-item__label { | |||
color: var( --color-base--subtle ); | |||
font-size: 0.875rem; | |||
letter-spacing: 0.05em; | |||
} | |||
.template-navplate__title { | |||
color: var( --color-base--emphasized ); | |||
font-size: var( --font-size-h3 ); | |||
font-weight: var( --font-weight-semibold ); | |||
} | } | ||
Revision as of 01:57, 20 April 2023
.template-navplate {
margin-top: var( --space-md );
clear: both;
}
.template-navplate__header {
}
.template-navplate__subtitle,
.template-navplate__groupheader,
.template-navplate-item__label {
color: var( --color-base--subtle );
font-size: 0.875rem;
letter-spacing: 0.05em;
}
.template-navplate__title {
color: var( --color-base--emphasized );
font-size: var( --font-size-h3 );
font-weight: var( --font-weight-semibold );
}
.template-navplate__content {
position: relative;
background: var( --color-surface-3 );
border-radius: var( --border-radius--medium );
font-size: 14px;
}
.template-navplate__groupheader {
padding: 5px 20px;
}
.template-navplate-item {
display: grid;
}
.template-navplate-item__label {
display: flex;
padding: 10px 20px;
}
.template-navplate-item__list {
padding: 10px 14px;
background: var( --color-surface-2 );
}
.template-navplate-item__list a {
display: inline-block;
padding: 0 6px;
}
.template-navplate__content > div + div {
border-top: 1px solid;
border-color: var( --border-color-base );
}
@media only screen and ( min-width: 720px ) {
.template-navplate-item {
grid-template-columns: 180px auto;
}
.template-navplate-item__label {
padding-right: 10px;
}
.template-navplate-item__list {
padding-left: 6px;
}
}