css-magic/less/layout.less

Include Ray's CSS Library

table {
	.collapse;
}
.table {
	.table;
	.collapse;
	> .row {
		.table-row;
		> .cell {
			.table-cell;
			.padding(2%);
		}
	}
}
		
.half {
	width: 50%;
}
.third {
	width: 33.333333333%;
}
.slight {
	width: 60%;
}
.left {
	.left;
}
.center {
	.center;
}
.right {
	.right;
}
.clear {
	.clear;
}

@media (max-width: @medium) {
	.table {
		.block;
		> .row {
			.block;
			> .cell {
				.block;
				.padding(2%);
				width: @hunnid @i;
				
				img {
					.responsive-width;
				}
			}
		}
	}
}

.top {
	.top;
}
.middle {
	.middle;
}
.bottom {
	.bottom;
}
.left {
	.left;
}
.center {
	.center;
}
.right {
	.right;
}