Contents

$menu-background: #575757;
$menu-item-border: #737373;
$menu-item-hover: #4c4c4c;
$menu-item-shadow: #262626;

.topMenu{
	display: table;
	zoom:1;
	background: $menu-background;
	width:100%;
	color: orange;

	.menu-wrapper{
		@include pad(5px);
	}

	.menu-item{
		@include pad(5px 10px);

		position: relative;
		margin-right: 10px;
		color:inherit;
		display: inline-block;

		a{
			color: inherit;
			font-weight: bold;
		}

		&:hover{
			background: $menu-item-hover;
			box-shadow: 0px 0px 10px 1px $menu-item-shadow;
			
			.innerMenu-wrapper{
				display: inline-block;
				box-shadow: 1px 5px 5px -1px $menu-item-shadow;
			}
		}

		.menu-item-separator{
			width: 1px;
			height: 25px;
			display: inline-block;
			background: $menu-item-hover;
			position: absolute;
			right: 0;
		}
	}

	.innerMenu-wrapper{
		position: absolute;
		background: $menu-item-hover;
		width: 100%;
		left: 0;
		top: 30px;
		padding: 5px;
		z-index: 99999;
		border-right: solid 2px $menu-item-hover;

		.innerMenu-item{
			@extend .menu-item;
			border: none;
			width: 100%;
		}

		&:hover{
			display: inline-block;
		}
	}

}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
waterfall_bourbon_neat_rails-1.4.0	app/assets/stylesheets/custom/components/_topMenu.scss