jonkemp/gulp-inline-css

keyframe animation throws error

cesfab opened this issue · 1 comments

When keyframe animation is added into my media query the @-webkit-keyframes.. will throw an error when i run the unline task.

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .fly-in-left{
    -webkit-animation: flyinleftanim 1s ease; 
    }

    @-webkit-keyframes flyinleftanim
    {
      0% {-webkit-transform: translateX(-1000px);}       
      100% {-webkit-transform: translateX(0px);}
    }
}

can css animations be added to the function settings or into the preserveMediaQueries logic?

actually to follow up, this does run just fine when i remove the wrapping media query.