com.phloxui/styles/component/SimpleListPane.less

PhloxUI Ng2+ Framework

/* simple list pane */
.phx-simple-list-pane{
	.row-content{
		width: 100%;
		display: table;
		margin-top: 10pt;

		>div{
			display: inline-block;
		}

		.row-icon{
			color: @CLR_BRAND;
			display: table-cell;
			height: 100%;
			width: 15%;
			text-align: center;
		}

		.row-icon:before {
			content:"•";
		}

		.row-data{
			display: table-cell;
			height: 100%;
			width: 85%;
			padding-left: 5pt;

			>.title{
				.FC1();
				color: @CLR_FIXED_FONT;
			}

			>.description{
				color: extract(@CLR_1, 1);
				font-size: smaller;
			}
		}
	}
}