com.xaymar.www/_sass/_blocks.scss

// --------------------------------------------------------------------------------
// Generic Block
// --------------------------------------------------------------------------------
.block {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 auto;
	overflow: auto;
	text-align: start;
}

.block + .block {
	margin-top: 1.25em;
}

// --------------------------------------------------------------------------------
// Size
// --------------------------------------------------------------------------------

@media (min-width: 600px) {
	.size-preview {
		width: 33%;
		max-width: 380px;
	}
}

// --------------------------------------------------------------------------------
// Float
// --------------------------------------------------------------------------------
@media (min-width: 600px) {
	.float {
		margin: .75rem;
	}

	.float-start {
		float: inline-start;
	}

	.float-end {
		float: inline-end;
	}

	.float-left {
		float: left;
	}

	.float-right {
		float: right;
	}

	.float-clear,
	.clear {
		clear: both;
	}

	.float + .block {
		margin-top: 0em;
	}
}

// --------------------------------------------------------------------------------
// Align
// --------------------------------------------------------------------------------
.align-start {
	text-align: start;
}

.align-end {
	text-align: end;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.align-center {
	text-align: center;
}

// --------------------------------------------------------------------------------
// Specialized Blocks
// --------------------------------------------------------------------------------
@import "_block-code.scss";
@import "_block-columns.scss";
@import "_block-details.scss";
@import "_block-figure.scss";
@import "_block-heading.scss";
@import "_block-list.scss";
@import "_block-table.scss";
@import "_block-alert.scss";