/*=========*/
/*  Lists  */
/*=========*/
// Basic Vertical List w/ links 
.lst-ver {
	li { color:darken(@gray, 10%); font-size: 90%; } 
	a { .padding(.4, 0, .4, 0);  display:block; color:inherit; font-size: inherit; }
}

// Basic Horizontal List w/ links 
.lst-hor {
	li { color:@color-secondary; position: relative; 
		&:first-child a { padding-left: 0; }
		&:last-child a { padding-right: 0; }
	}
	a { .padding(0, 1.5, 0, 1.5);  display:block; color:inherit; }
}

// Basic Vertical List no links
.lst-basic { color:@color-text; font-size: 90%; 
	li { .padding(.3, 0, .3, 0); }
}

// Add a Border to Top or Bottom of li's
.lst-bdr { 
	li { border-bottom: 1px solid @silver;
		&:first-child { border-top:none }
		&:last-child { border-bottom:none }
	} 
}

// Adds Spacers Between Inline List Items
.spacers {
	> li { position: relative;
		&:after { content:""; 
			width:4px; height:4px;
			margin-top:-2px;
			position:absolute; top:50%; right:-2px; z-index:10; 
			background:black; .border-radius(50%);
		}
		&:last-child:after { display:none; }
		a { display:inline-block; }
	}
}


// Description List
.before-after {
	dt,
	dd {
		float:left; .padding(.5,0,.5,0); border-bottom: 1px solid @silver;
	}
	dt { .padding-left(.25);width:20%; }
	dd { width:80%; }
}


// .over-under {
// 	dt,
// 	dd { }

// 	dt {  }
// 	dd {  }
// }