/* Basscss Layout */

  $width-1: 24rem;
  $width-2: 32rem;
  $width-3: 48rem;
  $width-4: 64rem;

.inline       { display: inline }
.block        { display: block }
.inline-block { display: inline-block }
.table        { display: table }
.table-cell   { display: table-cell }

.hidden { overflow: hidden }
.hiddenX { overflow-x: hidden }
.hiddenY { overflow-y: hidden }
.scrollY { overflow-y: scroll }
.scrollX { overflow-x: scroll }
.scroll { overflow: scroll }
.auto   { overflow: auto }
.autoY   { overflow-y: auto }
.autoX   { overflow-x: auto }

.full {
  width: 100%
}
.full-height {
  height: 100%
}


.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after { clear: both }

.f-left  { float: left }
.f-right { float: right }

.fit { max-width: 100% }

.max-width-1 { max-width: $width-1 }
.max-width-2 { max-width: $width-2 }
.max-width-3 { max-width: $width-3 }
.max-width-4 { max-width: $width-4 }

.border-box { box-sizing: border-box }