ymrdf / postcss-plugin-namespace Goto Github PK

@-webkit-keyframes v-modal-in { #App 0% { opacity: 0; } } @-webkit-keyframes v-modal-out { #App to { opacity: 0; } }

It appears that this plugin adds the namespace inside of @keyframes {} declarations, in front of each keyframe (e.g., from, to, 50%, etc.). This invalidates the keyframes animation.

Example output:

@keyframes pulse {
  .namespace 0% {
    transform: scaleX(1);
  }

  .namespace 50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  .namespace to {
    transform: scaleX(1);
  }
}