joomla-ui-custom-elements
Version:
Joomla UI components as custom elements
47 lines (45 loc) • 924 B
CSS
joomla-dropdown {
position: absolute;
top: 30px;
left: 0;
z-index: 1000;
box-sizing: border-box;
display: none;
min-width: 10rem;
margin-top: 0.5rem;
font-size: 1rem;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
}
joomla-dropdown[expanded] {
display: block;
}
joomla-dropdown .dropdown-item {
display: block;
padding: 0.5rem 0.75rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
joomla-dropdown .dropdown-item:hover, joomla-dropdown .dropdown-item:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
background: #495057;
}
.joomla-dropdown-container {
position: relative;
display: inline-flex;
vertical-align: middle;
}
html[dir=rtl] joomla-dropdown {
right: 0;
left: auto;
}