com.phloxui/styles/component/DefaultMenu.less

PhloxUI Ng2+ Framework

.phx-default-menu{
	position: relative;

	> div{
		display: table-cell;
	}

	> ul{
		background-color: extract(@CLR_1, 9);
		.phlox-box-shadow(0, 0, 3, 3);
		position: absolute;
		left: @DEFAULT_MENU_ITEM_GROUP_LEFT;
		top: @DEFAULT_MENU_ITEM_GROUP_TOP;
		margin: @DEFAULT_MENU_ITEM_GROUP_MARGIN; // as half as ul padding
		border-top: @DEFAULT_MENU_ITEM_GROUP_BORDER_WIDTH solid @CLR_BORDER_COLOR;
		display: none;

		&> li:hover,
		&> li:focus {
		  background-color: extract(@CLR_1, 8);
		}
	}

	.menu-badge{
		top: 0;
		left: 100%;
		font-weight: bolder;
		padding-left: @MENU_BADGE_PADDING_LEFT;
		margin-right: @MENU_BADGE_PADDING_RIGHT;

		&:before {
			color: @CLR_BRAND_FONT;
			content: ">";
		}
	}
}