Sha256: 6c416576ea5bf6c05e38a4f97f970da5ce107d31456ad8559002ab545d94f843

Contents?: true

Size: 1.17 KB

Versions: 7

Compression:

Stored size: 1.17 KB

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);

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

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

		&: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;
			font-weight: normal;
			font-size: 14px;
			border: none;
			width: 100%;
		}

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

}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
waterfall_bourbon_neat_rails-2.0.2.1 app/assets/stylesheets/custom/components/_topAppMenu.scss
waterfall_bourbon_neat_rails-2.0.2 app/assets/stylesheets/custom/components/_topAppMenu.scss
waterfall_bourbon_neat_rails-2.0.1.9.1 app/assets/stylesheets/custom/components/_topAppMenu.scss
waterfall_bourbon_neat_rails-2.0.1.9 app/assets/stylesheets/custom/components/_topAppMenu.scss
waterfall_bourbon_neat_rails-2.0.1.8 app/assets/stylesheets/custom/components/_topAppMenu.scss
waterfall_bourbon_neat_rails-2.0.1.7 app/assets/stylesheets/custom/components/_topAppMenu.scss
waterfall_bourbon_neat_rails-2.0.1.6 app/assets/stylesheets/custom/components/_topAppMenu.scss