Helpers

// ==========================================================================
// Helpers
// ==========================================================================


// Margin
// ==========================================================================

$orientations: top, right, bottom, left;
$dimensions: 5, 10, 15, 20;

@each $orientation in $orientations {
  .reset-margin-#{$orientation}{
    margin-#{$orientation}: 0;
  }
}

@each $orientation in $orientations {
  @each $dimension in $dimensions {
    .margin-#{$orientation}-#{$dimension} {
      margin-#{$orientation}: #{$dimension}px;
    }
  }
}


// Padding
// ==========================================================================

@each $orientation in $orientations {
  .reset-padding-#{$orientation}{
    padding-#{$orientation}: 0;
  }
}

@each $orientation in $orientations {
  @each $dimension in $dimensions {
    .padding-#{$orientation}-#{$dimension} {
      padding-#{$orientation}: #{$dimension}px;
    }
  }
}