title: LESS, generic keyframe
body: <p>I would like to find a way to define and use generic and dynamic keyframes using LESS. Below I've done something that works but I still need to put some unique name like this .slideDown(slideDown2; @start; @height); , is there a way to make it totally generic ? (with my solution if I use the same name it will be the same for each #divid )</p>
  
  <pre><code>.slideDown(@name; @start; @end) {
      @-webkit-keyframes @name {
          0% { top: @start;  }
          100% { top: @end; }
      }
      -webkit-animation-fill-mode: forwards;
  }
  
  #eventspromotionsButton.in {
      @width: 200px;
      @height: 200px;
      @start: 0px;
      @end: 1000px;
      width: @width;
      height: @height;
      .slideDown(slideDown2; @start; @height);
      -webkit-animation-name: slideDown2;
  }
  </code></pre>
  
  <p>thanks in advance</p>
  
  <p>EDIT: Pseudo code would be .slideDown(@start; @height);</p>