heart shape in LESS css

heart.less

.love {
  .heart(hotpink, 200px);
  .transform-rotate(15deg);
}

.heart(@color: red, @size: 100px) {
  position: relative;
  width: @size;
  height: 90px;

  &:before,
  &:after {
    position: absolute;
    content: "";
    left: @size;
    top: 0;
    width: @size;
    height: @size * 1.6px;
    background: @color;

    .border-radius(@size @size 0 0);
    .transform-rotate(-45deg);
    .transform-origin(0 100%);
  }
  
  &:after {
    left: 0;
    
    .transform-rotate(45deg);
    .transform-origin(100% 100%);
  }
}

.transform-origin(@params)
{
 -webkit-transform-origin: @params;  
    -moz-transform-origin: @params;
     -ms-transform-origin: @params;
      -o-transform-origin: @params;
         transform-origin: @params;
}

.transform-rotate(@params)
{
  -webkit-transform: rotate(@params);
     -moz-transform: rotate(@params);
      -ms-transform: rotate(@params);
       -o-transform: rotate(@params);
          transform: rotate(@params);
}

.border-radius(@params) {
  -webkit-border-radius: @params;
     -moz-border-radius: @params;
          border-radius: @params;
}