//----------------------------------------------------------------------------------------------------------------------
// VIEWPORT PADDING PLACEHOLDER
//----------------------------------------------------------------------------------------------------------------------

/// Applies padding to viewport edges. Use on elements that would otherwise directly touch viewport edges.
%viewport-padding {
	@include padding(null rhythm(1));

	// Medium viewport and up
	@include media(">=", $breakpoint-m) {
		@include padding(null rhythm(4));
	}
}