react-mdl-portal-menu
Version:
React MDL Portal Menu Component
32 lines (31 loc) • 1.03 kB
CSS
.react-mdl-portal-menu {
position: absolute;
z-index: 9999;
display: inline-block;
opacity: 0; }
.react-mdl-portal-menu .react-mdl-portal-menu__list {
display: inline-block;
overflow-x: hidden;
overflow-y: auto;
min-width: 124px;
margin: 0;
padding: 0;
list-style: none;
border-radius: 2px;
background: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.react-mdl-portal-menu .react-mdl-portal-menu__item {
cursor: pointer;
height: 48px;
width: 100%;
line-height: 48px;
padding: 0 22px 0 16px; }
.react-mdl-portal-menu .react-mdl-portal-menu__item:first-child {
margin-top: 5px; }
.react-mdl-portal-menu .react-mdl-portal-menu__item:last-child {
margin-bottom: 5px; }
.react-mdl-portal-menu .react-mdl-portal-menu__item:hover {
background: #eee; }
.react-mdl-portal-menu .react-mdl-portal-menu__item:focus {
outline: none;
background: #eee; }