master

fuel-menu.css
View Options

			/**
			* @provides fuel-menu-css
			*/

			.fuel-menu-item-icon {
			width: 14px;
			height: 14px;
			position: absolute;
			left: 8px;
			top: 4px;
			text-align: center;
			}

			.fuel-menu-item-link {
			padding: 4px 4px 4px 28px;
			position: relative;
			display: block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			color: {$greytext};
			cursor: default;
			border-radius: 3px;
			}

			.fuel-menu-item.has-link > .fuel-menu-item-link {
			color: {$darkbluetext};
			cursor: pointer;
			}

			.fuel-menu-item.disabled > .fuel-menu-item-link {
			color: {$lightgreytext};
			}

			.device-desktop .fuel-menu-item > .fuel-menu-item-link:hover {
			text-decoration: none;
			}

			.device-desktop .fuel-menu-item.has-link > .fuel-menu-item-link:hover {
			color: {$sky};
			background: rgba({$alphablue}, .08);
			}

			.fuel-menu-item-background-color-orange > .fuel-menu-item-link {
			background: {$sh-orangebackground};
			}

			.device-desktop .fuel-menu-item.has-link.fuel-menu-item-background-color-orange
			> .fuel-menu-item-link:hover {
			background: {$lightorange};
			color: {$orange};
			}