/* FILE: starter/wp/__alignment.scss */

//
// Alignments
//





// Basic alignments

	.alignleft,
	.wp-caption.alignleft,
	img.alignleft {
		float: left;
		margin-right: 6%;
		margin-bottom: 1em;
	}

	.alignright,
	.wp-caption.alignright,
	img.alignright {
		float: right;
		margin-left: 6%;
		margin-bottom: 1em;
	}

	.aligncenter,
	.wp-caption.aligncenter,
	img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.alignnone,
	img.alignnone {
		margin: 0;
	}



// Pullquotes

	%pullquote {
		clear: none;
		width: 50%;
		padding: 0;
		margin-top: 0;
		margin-left: 6%;
		margin-right: 6%;
		padding: 0 6%;

		@include responsive( map_get( $breakpoint, 's' ) ) {
			width: percentage( $golden_minor );
		}

	}

	blockquote {

		&.alignleft {
			@extend %pullquote;
			padding-left: 0;
			margin-left: 0;
			text-align: right;

			@include responsive( map_get( $breakpoint, 'xxl' ) ) {
				margin-left: percentage( -$golden_minor / 4 );
			}

		}

		&.alignright {
			@extend %pullquote;
			padding-right: 0;
			margin-right: 0;
			text-align: left;

			@include responsive( map_get( $breakpoint, 'xxl' ) ) {
				margin-right: percentage( -$golden_minor / 4 );
			}

		}

	}