// Double buffers

@mixin buffer ($step: 1) {
  @include buffer-horizontal($step);
  @include buffer-vertical($step);
}

@mixin buffer-even ($step: 1) {
  @include buffer-horizontal($step);
  @include buffer-vertical-even($step);
}



// Pane

@mixin buffer-horizontal ($step: 1) {
  @include buffer-left($step);
  @include buffer-right($step);
}

@mixin buffer-vertical ($step: 1) {
  @include buffer-top($step);
  @include buffer-bottom($step);
}

@mixin buffer-vertical-even ($step: 1) {
  @include buffer-top-even($step);
  @include buffer-bottom($step);
}



// Single

@mixin buffer-top ($step: 1) {
  padding-top: $step * $buffer-tight;
}

@mixin buffer-top-even ($step: 1) {
  padding-top: $step * $buffer;
}

@mixin buffer-bottom ($step: 1) {
  padding-bottom: $step * $buffer;
}

@mixin buffer-left ($step: 1) {
  padding-left: $step * $buffer;
}

@mixin buffer-right ($step: 1) {
  padding-right: $step * $buffer;
}