src/resources/themes/vendor/compass-recipes/stylesheets/recipes/shape/polygon/_pentagon.scss

   1 /**
   2  * Shape/Polygon/Pentagon
   3  *
   4  * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
   5  */
   6 @mixin pentagon($width: 100px, $height: 100px, $background-color: transparent)
   7 {
   8     position: relative;
   9     width: $width*0.54;
  10     border-width: $height*0.5 $width*0.18 0;
  11     border-style: solid;
  12     border-color: $background-color transparent;
  13
  14     &:before
  15         {
  16         content: "";
  17         position: absolute;
  18         height: 0;
  19         width: 0;
  20         top: -$height*0.85;
  21         left: -$width*0.18;
  22         border-width: 0 $width*0.45 $height*0.35;
  23         border-style: solid;
  24         border-color: transparent transparent $background-color;
  25     }
  26 }