inclusive-menu-button
Version:
A menu button module that implements the correct ARIA semantics and keyboard behavior.
31 lines (25 loc) • 549 B
CSS
[data-inclusive-menu] {
position: relative;
display: inline-block;
}
[data-inclusive-menu-opens],
[data-inclusive-menu] [role^="menuitem"] {
text-align: left;
border: 0;
}
[data-inclusive-menu] [role="menu"] {
position: absolute;
left: 0;
}
[data-inclusive-menu] [data-inclusive-menu-from="right"] {
left: auto;
right: 0;
}
[data-inclusive-menu] [role^="menuitem"] {
display: block;
min-width: 100%;
white-space: nowrap;
}
[data-inclusive-menu] [role^="menuitem"][aria-checked="true"]::before {
content: '\2713\0020';
}