GetmeUK / ContentTools

A JS library for building WYSIWYG editors for HTML content.
http://getcontenttools.com
MIT License
3.95k stars 393 forks source link

Issue with keyframes #504

Closed Chryogenic closed 6 years ago

Chryogenic commented 6 years ago

The keyframes in this library are conflicting with the ones in my code (see what I use below):

@keyframes pulse-ring {
    0% {
        transform: scale(.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.8);
    }
}

Causes my pulse to be a solid color.

image

Chryogenic commented 6 years ago

Looks like it was an issue with CSSNano using the same names for keyframes. Solved it by adding: reduceIdents: false