_blocks.scss

.entry-content > * {

	margin: 32px $base-margin;
	max-width: calc(100vw - (2 * #{ $base-margin }));

	@include media(">=tablet") {
		margin: 32px calc(2 * (100vw / 12));
		max-width: calc(8 * (100vw / 12));
	}

	@include media(">=desktop") {
		max-width: $grid-max-width;
		margin-left: auto;
		margin-right: auto;
	}
	
	> *:first-child {
		margin-top: 0;
	}

	> *:last-child {
		margin-bottom: 0;
	}

	&.alignwide {

		margin-left: auto;
		margin-right: auto;

		@include media(">=tablet") {
			margin-left: calc(1 * (100vw / 12));
			margin-right: calc(1 * (100vw / 12));
			max-width: calc(10 * (100vw / 12));
		}
	}

	&.alignfull {
		margin-top: calc(2 * #{$base-margin});
		margin-right: 0;
		margin-bottom: calc(2 * #{$base-margin});
		margin-left: 0;
		max-width: 100%;
	}

	&.alignleft {
		float: left;
		max-width: calc(5 * (100vw / 12));
		margin-top: 0;

		@include media(">=tablet") {
			max-width: calc(4 * (100vw / 12));
			margin-right: calc(2 * #{$base-margin});
		}

		@include media(">=desktop") {
			max-width: calc(3 * (100vw / 12));
		}
	}

	&.alignright {
		float: right;
		max-width: calc(5 * (100vw / 12));
		margin-top: 0;
		margin-left: $base-margin;
		margin-right: $base-margin;

		@include media(">=tablet") {
			max-width: calc(4 * (100vw / 12));
			margin-left: calc(2 * #{$base-margin});
			margin-right: calc(2 * (100vw / 12));
		}
	}
	
}