fonteva-design-guide
Version:
## Dev, Build and Test
41 lines (32 loc) • 894 B
CSS
.pfm-menu {
display: flex;
}
.pfm-menu:not(.pfm-menu_vertical) {
border-bottom: 2px solid var(--lwc-colorBorder);
}
.pfm-menu:not(.pfm-menu_vertical) a {
color: var(--lwc-colorBrand);
padding: 0.5rem;
margin-bottom: -2px;
}
.pfm-menu:not(.pfm-menu_vertical) a:not(.js-selected):hover {
cursor: pointer;
}
.pfm-menu:not(.pfm-menu_vertical) a:hover,
.pfm-menu:not(.pfm-menu_vertical) a.js-selected {
border-bottom: 2px solid var(--lwc-colorBrand);
text-decoration: none;
}
/* Vertical Styles */
.pfm-menu.pfm-menu_vertical {
flex-direction: column;
}
.pfm-menu.pfm-menu_vertical a {
padding: 0.5rem 1.5rem;
}
.pfm-menu.pfm-menu_vertical a:hover,
.pfm-menu.pfm-menu_vertical a.js-selected {
background-color: var(--lwc-colorBrand);
color: var(--lwc-colorTextButtonBrand);
text-decoration: none;
}