Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Placeholder selector renders without @extend when using @key-frames #1354

Closed
fiinix opened this issue Aug 4, 2014 · 1 comment
Closed

Placeholder selector renders without @extend when using @key-frames #1354

fiinix opened this issue Aug 4, 2014 · 1 comment

Comments

@fiinix
Copy link

fiinix commented Aug 4, 2014

Is this correct behavior?

I expect this to not render anything, unless @extend is used. But it is rendered.

%animated-test {
    @at-root {
      @keyframes test {
        0%, 100% {
         transform: translate3d(0, 0, 0);
       }
       50% {
         transform: translate3d(-10px, 0, 0);
       }
     }
   }
   animation-name: test;
 }
@nex3
Copy link
Contributor

nex3 commented Aug 4, 2014

That's expected. @at-root is equivalent to writing the contents outside of any selector rules.

@nex3 nex3 closed this as completed Aug 4, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
2 participants