More actions
en>Alistair3149 No edit summary |
en>Alistair3149 No edit summary |
||
Line 13: | Line 13: | ||
.template-navplate__groupheader { | .template-navplate__groupheader { | ||
padding: 5px 20px; | padding: 5px 20px; | ||
} | } | ||
.template-navplate-item { | .template-navplate-item { | ||
display: grid; | display: grid; | ||
} | } | ||
Line 36: | Line 32: | ||
display: inline-block; | display: inline-block; | ||
padding: 0 6px; | padding: 0 6px; | ||
} | |||
.template-navplate__content > div + div { | |||
border-top: 1px solid; | |||
border-color: var( --border-color-base ); | |||
} | } | ||
Revision as of 01:34, 20 April 2023
.template-navplate {
margin-top: var( --space-md );
clear: both;
}
.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;
}
}