/*------------------------------------*\
    $SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned, this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
/**
 * Base elements
 */
h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
	/**
	 * Objects and abstractions
	 */
%sass-margin-bottom,
.media,
.island,
.islet {
	@include rem(margin-bottom, $base-spacing-unit);

	.islet & {
		@include rem(margin-bottom, $base-spacing-unit / 2);
	}
}

/**
 * Doubled up `margin-bottom` helper class.
 */
.landmark {
	@include rem(margin-bottom, 2 * $base-spacing-unit);
}

/**
 * `hr` elements only take up a few pixels, so we need to give them special
 * treatment regarding vertical rhythm.
 */
hr {
	margin-top: -2px;
	@include rem(margin-bottom, $base-spacing-unit);
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once, here.
 */
ul, ol, dd {
	@include rem(margin-left, 2 * $base-spacing-unit);
}
