Skip to content

Nested @keyframes margins are compiled as selectors #507

Open
@Klaster1

Description

@Klaster1

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions