badah
7/19/2015 - 4:35 AM

Sass: Justified navigation menu

Sass: Justified navigation menu

.nav {

	font-size: 14px;
	font-weight: bold;
	a {
		color: white;
		&:hover, &:focus {
			color: black;
		}
	}

	font-size: 0 !important; /* remove physical spaces between items */
	text-align: justify;
	zoom: 1; //ie
	text-justify: distribute-all-lines; /* distribute items in IE */
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	
	&:after {
		content: "";
		display: inline-block;
		width: 100%;
	}

	li {
		zoom:1; //ie
		font-size: 14px;
		text-align: left; /* customize to suit */
		vertical-align: top; /* can customize to suit */
		display: inline-block;
		// width: 31.3%; /* optional, only need for text content to wrap */
		// margin-bottom: 1em; /* optional, customize to suit */
		float: none // optional, overide the float left
	}
}