模块:Navplate/doc

.template-navplate { margin-top: var( --space-md ); clear: both; font-size: var( --font-size-small ); line-height: var( --line-height-sm ); border: 1px solid var( --border-color-base ); border-radius: var( --border-radius--medium ); backdrop-filter: var(--backdrop-filter-frosted-glass);

   overflow: hidden;

}

.template-navplate__header { padding: var( --space-sm ) var( --space-md ); background-color: var( --color-surface-2 ); background: linear-gradient(transparent, var(--read-more-bg) 80%); backdrop-filter: var(--backdrop-filter-frosted-glass); display: flex;

   align-items: center;
   gap: var( --space-md );
   transition: 0.25s all;

}

.template-navplate.mw-collapsed .template-navplate__header { background: var(--read-more-bg); backdrop-filter: var(--backdrop-filter-frosted-glass); transition: 0.25s all; }

.template-navplate__subtitle { font-size: var( --font-size-x-small ); }

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

.template-navplate__content { position: relative; border-top: 1px solid var( --border-color-base ); }

.template-navplate__groupheader { background: var(--read-more-bg); backdrop-filter: var(--backdrop-filter-frosted-glass); padding: var( --space-xs ) var( --space-md ); }

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

.template-navplate-item__label { display: flex; padding: var( --space-sm ) var( --space-md ) 0 var( --space-md ); gap: var( --space-xs ); }

.template-navplate-item__label img { opacity: var( --opacity-icon-base );

   filter: var( --filter-invert );

}

.template-navplate-item__list { padding: 10px; /* 10px + 2px = space-sm; 10px + 6px = space-md */ }

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

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

/* Style collapse button */ .template-navplate__header.mw-collapsible-toggle { float: none; transition: 0.25s all; }

.template-navplate__header.mw-collapsible-toggle:hover { background: var(--read-more-bg); backdrop-filter: var(--backdrop-filter-frosted-glass); }

.template-navplate__header.mw-collapsible-toggle .mw-ui-icon-wikimedia-collapse { width: var( --font-size-small );

   height: var( --font-size-small );
   transition: var( --transition-menu );
   transition-property: transform;

}

.template-navplate__header.mw-collapsible-toggle.mw-collapsible-toggle-collapsed .mw-ui-icon-wikimedia-collapse { transform: rotate( 180deg ); }

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

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