lessphp icon indicating copy to clipboard operation
lessphp copied to clipboard

Nested @keyframes margins are compiled as selectors

Open Klaster1 opened this issue 10 years ago • 1 comments

It seems that lessphp compiles CSS animation margins as selectors (tested on 0.4.0). The following LESS:

.test {
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(360deg)
        }
    }   
}

becomes:

@-webkit-keyframes spin {
  .test from {
    -webkit-transform: rotate(0deg);
  }
  .test to {
    -webkit-transform: rotate(360deg);
  }
}

instead of:

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

JS library produces proper result.

Klaster1 avatar Nov 22 '13 09:11 Klaster1