More actions
en>Alistair3149 (Created page with ".template-navplate__groupheader { padding: 5px 20px; border-bottom: 1px solid; border-color: var( --border-color-base ); } .template-navplate__item { display: grid; border-bottom: 1px solid; border-color: var( --border-color-base ); } .template-navplate__label { display: flex; padding: 10px 20px; } .template-navplate__list { padding: 10px 14px; background: var( --color-surface-2 ); } .template-navplate__list a { display: inline-block; padding: 0 6px; } @...") |
en>Alistair3149 No edit summary |
||
Line 5: | Line 5: | ||
} | } | ||
.template- | .template-navplate-item { | ||
display: grid; | display: grid; | ||
border-bottom: 1px solid; | border-bottom: 1px solid; | ||
Line 11: | Line 11: | ||
} | } | ||
.template- | .template-navplate-item__label { | ||
display: flex; | display: flex; | ||
padding: 10px 20px; | padding: 10px 20px; | ||
} | } | ||
.template- | .template-navplate-item__list { | ||
padding: 10px 14px; | padding: 10px 14px; | ||
background: var( --color-surface-2 ); | background: var( --color-surface-2 ); | ||
} | } | ||
.template- | .template-navplate-item__list a { | ||
display: inline-block; | display: inline-block; | ||
padding: 0 6px; | padding: 0 6px; | ||
Line 27: | Line 27: | ||
@media only screen and ( min-width: 720px ) { | @media only screen and ( min-width: 720px ) { | ||
.template- | .template-navplate-item { | ||
grid-template-columns: 180px auto; | grid-template-columns: 180px auto; | ||
} | } | ||
.template- | .template-navplate-item__label { | ||
padding-right: 10px; | padding-right: 10px; | ||
} | } | ||
.template- | .template-navplate-item__list { | ||
padding-left: 6px; | padding-left: 6px; | ||
} | } | ||
} | } |
Revision as of 00:56, 20 April 2023
.template-navplate__groupheader {
padding: 5px 20px;
border-bottom: 1px solid;
border-color: var( --border-color-base );
}
.template-navplate-item {
display: grid;
border-bottom: 1px solid;
border-color: var( --border-color-base );
}
.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;
}
@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;
}
}