Add a consistent angled edge to a full width element. This technique uses only border for angled edges in a pseudo-element. It is only intended for use on full width elements as it uses the vw unit to calulate the angle.
Just import the partial and include it where needed.
@import 'path/to/angled-edges';
.here-i-need-an-angled-edge {
@include angled-edge($angle, $angle-position-y, $angle-position-x, $color, $angle-position-bottom-x);
}Where: $angle: The angle in degrees: 1 - 45 $angle-position-y: The Y position of the angle: top | bottom | both $angle-position-x: The X position of the angle: left | right $color: Color of angled edge: Hex color $angle-position-bottom-x: The X position of the bottom angle if using 'both' for $angle-position-y: left | right
MIT © Tim-Lars Schnehage
This is a fork of Nigel O Toole's Angled Edges, which uses only border for generating the angled edges.