Angled Mixin Helpers - https://fewerthanthree.com/tutorials/using-sass-mixin-to-create-anlgled-sections

angled-helpers.scss

@mixin angled-top-left( $background-color: $primary-brand-color ) {
    @include angled( $background-color: $background-color, $top: true, $bottom: false, $reversed: false );
}

@mixin angled-top-right( $background-color: $primary-brand-color ) {
    @include angled( $background-color: $background-color, $top: true, $bottom: false, $reversed: true );
}

@mixin angled-bottom-left( $background-color: $primary-brand-color ) {
    @include angled( $background-color: $background-color, $top: false, $bottom: true, $reversed: true );
}

@mixin angled-bottom-right( $background-color: $primary-brand-color ) {
    @include angled( $background-color: $background-color, $top: false, $bottom: true, $reversed: false );
}