@keyframes and @media conversion bug

[zoxon]

keyframes

This code

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

Converts to

    to
        transform none
        opacity 1
        transform scale(0.95)
        opacity 0
        opacity 1
        opacity 0

    @keyframes
        remodal-opening-keyframes
            from {
    transform scale(1.05)
            opacity 0

    }
        @keyframes
            remodal-overlay-closing-keyframes
                from {
    opacity 1
            remodal-closing-keyframes
                from {
    transform scale(1)
                opacity 1
            remodal-overlay-opening-keyframes
                from {
    opacity 0

Media

This code

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

Converts to

    @media
        only
            screen
                and
                    (min-width
                        &:
                            641px)
                                .remodal {
    max-width 700px

My config, system, sublime

{
    "colon": false
}

Windows 7 x64

Sublime Text 3 build 3103 x64

[lnikell]

Hi @zoxon ! Yes I know about this problem, but currently I do not have a time to fix it. I would very apreciate if you provide the pull request with this fix.