/*----------------------------------------------*\
    BLOCK - Spacer
	==============

	@package theorder

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package theorder

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes (Minor third) */
/* Max-widths */
/* is used for calculation for extend width. Each side is extended by x ems */
.spacer--small {
  padding: var(--size-100); }
.spacer--medium {
  padding: var(--size-300); }
.spacer--large {
  padding: var(--size-800); }
.spacer--negative-small {
  margin-top: calc( -2 * var(--size-100) ); }
.spacer--negative-medium {
  margin-top: calc( -2 * var(--size-300) ); }
.spacer--negative-large {
  margin-top: calc( -2 * var(--size-800) ); }