Lungo.js/src/stylesheets/less/Lungo.layout.list.less

/** 
 * Stylesheet
 * 
 * @namespace LUNGO.Layout
 * @class List
 *
 * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
 */
 
 @import "mixins.less";
 
.list {
    font-size: 1.2em;
    font-weight: bold;
    width: inherit;
}
 
	.list li:not(.toolbar) {
		padding: 8px 6px;
		list-style-type: none;
	}
	
	.list a {
	    display: block;
	}
	
	.list li:not(.toolbar) img, .list li:not(.toolbar) .icon {
		float: left;
		width: 32px;
		height: 32px;
		margin-right: 6px;	
		font-size: 36px;
		font-weight: normal;
	}
	
	.list small {
		display: block;
		overflow: hidden;  
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 0.85em;
		font-weight: normal;
	}
	
	.list .icon {
	    display: inline-block;
	}
	
	.list .tip {
    	font-size: 0.85em;
    	font-weight: bold;
	}
	
	.list .light {
    	font-size: 0.9em;
    	font-weight: normal;
	}

	.list .anchor { 	
		font-size: 0.75em;
		padding: 3px 6px !important;
	}
		.list .anchor .icon {
			width: 14px !important;
			height: 14px !important;	
			margin-right: 4px !important; 	
			font-size:  1.3em !important;
			line-height: 16px !important;	
		}

		.list .anchor .bubble { display: none; }
/* @end */

/* @group .search */
.list .search input {
	width: 88%;
}

.list .search a {
	float: right;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

.list .search a .icon {
	height: 12px;
	width: 30px;
	margin: 0px;
	font-size: 1.2em;
	font-weight: normal;
}
/* @end */

/* @group .arrow */
.list a.arrow:before {
	float: right;
	content: ">";
	position: relative;
	top: 6px;
	font-size: 16px;
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
}
/* @end */

/* @group .onright */
.list .onright {
	font-size: 0.85em;
}
	.list .onright .icon {
    	font-size: 1.2em !important;
    	height: 12px !important;
    	width: 12px !important;
    	margin: 0px;
	}
/* @end */

/* @group .indented */
	.indented ul {
		margin-bottom: 10px;
	}
	.indented.rounded ul { .border-radius(4px); }	
	.indented.rounded li:first-child { .border-radius(4px 4px 0px 0px); }
	.indented.rounded li:last-child { .border-radius(0px 0px 4px 4px); }
/* @end */