diff --git a/packages/mdc-checkbox/_functions.scss b/packages/mdc-checkbox/_functions.scss index a2ed686ca9b..a51fa2314ef 100644 --- a/packages/mdc-checkbox/_functions.scss +++ b/packages/mdc-checkbox/_functions.scss @@ -22,8 +22,6 @@ @import "@material/theme/functions"; -$mdc-checkbox-container-keyframes-uid_: -1; - @function mdc-checkbox-transition-enter($property, $delay: 0ms, $duration: $mdc-checkbox-transition-duration) { @return mdc-animation-enter($property, $duration, $delay); } @@ -31,9 +29,3 @@ $mdc-checkbox-container-keyframes-uid_: -1; @function mdc-checkbox-transition-exit($property, $delay: 0ms, $duration: $mdc-checkbox-transition-duration) { @return mdc-animation-exit-temporary($property, $duration, $delay); } - -@function mdc-checkbox-container-keyframes-uid_() { - $mdc-checkbox-container-keyframes-uid_: $mdc-checkbox-container-keyframes-uid_ + 1 !global; - - @return $mdc-checkbox-container-keyframes-uid_; -} diff --git a/packages/mdc-checkbox/_mixins.scss b/packages/mdc-checkbox/_mixins.scss index d2410cd34f3..010c55d6160 100644 --- a/packages/mdc-checkbox/_mixins.scss +++ b/packages/mdc-checkbox/_mixins.scss @@ -248,7 +248,7 @@ } @if $generate-keyframes { - $uid: mdc-checkbox-container-keyframes-uid_(); + $uid: unique-id(); $anim-selector: if(&, "&.mdc-checkbox--anim", ".mdc-checkbox--anim"); @include mdc-feature-targets($feat-animation, $feat-color) {