fix(checkbox): Avoid using & within @at-root context (#2238)

material-components · Feb 12, 2018 · 665cf12 · 665cf12
1 parent b57226a
commit 665cf12
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/mdc-checkbox/_mixins.scss b/packages/mdc-checkbox/_mixins.scss
@@ -41,6 +41,7 @@
 
   @if $generate-keyframes {
     $uid: mdc-checkbox-container-keyframes-uid_();
+    $anim-selector: if(&, "&.mdc-checkbox--anim", ".mdc-checkbox--anim");
 
     @include mdc-checkbox-container-keyframes_(
       $from-stroke-color: $unmarked-stroke-color,
@@ -49,7 +50,7 @@
       $to-fill-color: $marked-fill-color,
       $uid: $uid);
 
-    &.mdc-checkbox--anim {
+    #{$anim-selector} {
       &-unchecked-checked,
       &-unchecked-indeterminate {
         .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {