src/resources/themes/vendor/compass-recipes/stylesheets/recipes/shape/symbol/_heart.scss

   1 /**
   2  * Shape/Symbol/Heart
   3  *
   4  * @author Nicolas Gallagher @necolas
   5  * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
   6  */
   7 @mixin heart($width: 100px, $height: 90px, $background-color: transparent)
   8 {
   9     position: relative;
  10     width: $width;
  11     height: $height;
  12
  13     &:before,
  14     &:after
  15     {
  16         position: absolute;
  17         content: "";
  18         top: 0;
  19         width: $width/2;
  20         height: $height;
  21         background: $background-color;
  22         @include border-radius($height/2 $height/2 0 0);
  23     }
  24
  25     &:before
  26     {
  27         left: $width/2;
  28         @include transform(rotate(-45deg));
  29         @include transform-origin(0%, 100%);
  30     }
  31
  32     &:after
  33     {
  34         left: 0;
  35         @include transform(rotate(45deg));
  36         @include transform-origin(100%, 100%);
  37     }
  38 }