mediawiki-skins-MinervaNeue/includes/Skins/ToggleList/ToggleList.less
jdlrobson 17968826fa Move components files up one level into Skins directory
Follow up to I4c2e115451c0a76c742734730712814c1f1d838d.
This will allow us to load the templates directly into skin.mustache
via {{>PartialName}}

Templates partials can only be resolved relative to the folder given
to the TemplateParser.

Change-Id: I5783d49c25d2efcf4781dd912500bf8b413b8cb6
2021-10-22 18:45:38 +00:00

33 lines
845 B
Plaintext

@import '../../../minerva.less/minerva.variables.less';
.toggle-list__checkbox {
// Always occlude the checkbox. The checkbox display cannot be none since its focus state is used
// for other selectors.
position: absolute;
z-index: @z-indexOccluded;
opacity: 0;
}
.toggle-list__list {
background: @background-color-base;
// The menu appears over the content and occupies no room within it.
position: absolute;
//
// If max-height is set and the height exceeds it, add a vertical scrollbar.
overflow-y: auto;
//
// The menu floats over content but below overlays.
z-index: @z-indexDrawer;
//
box-shadow: 0 5px 17px 0 rgba( 0, 0, 0, 0.24 ), 0 0 1px @colorGray10;
//
visibility: hidden;
opacity: 0;
}
.toggle-list__checkbox:checked ~ .toggle-list__list {
// Reveal the list when checked.
visibility: visible;
opacity: 1;
}