// =============================================================================
// :: Container
// =============================================================================
/**
 * Scope defined for visualising the container layout in the layout section of
 * the styleguides.
 *
 * IMPORTANT!!!
 * This creates boxes to create a VISUALISATION of the layout and is not and
 * should DEFINITLY NOT be used in the styleguide itself.
 */

// =============================================================================
// :: Root
// =============================================================================
.s-bp-container {

	.l-container {
		min-height: 25rem;
		padding: 3rem;

		text-align: center;

		border: 0.1rem dashed $border-color;
	}
}