Create circle object

scss

//
// @param  length  $size
//

.c-foo {
  @include _circle(30px);
}

Creating square

scss

//
// @param  length  $size
// @param  length  $border-radius
//

.c-foo {
  @include _square(30px);
}

Generate top triangle style

scss

//
// @param  length  $width
// @param  length  $height
// @param  hex     $colors
//

.c-triangle-top {
  @include _triangle-top(10px, 10px, #000);
}

//
// Generate right triangle style
//
// @param  length  $width
// @param  length  $height
// @param  hex     $colors
//

.c-triangle-right {
  _triangle-right(10px, 10px, #000);
}

//
// Generate bottom triangle style
//
// @param  length  $width
// @param  length  $height
// @param  hex     $colors
//

.c-triangle-bottom {
  @include _triangle-bottom(10px, 10px, #000);
}

//
// Generate left triangle style
//
// @param  length  $width
// @param  length  $height
// @param  hex     $colors
//

.c-triangle-left {
  @include _triangle-left(10px, 10px, #000);
}