//Buttons .btn{ @extend .btn; } .primary-btn{ @extend .primary-btn } .secondary-btn{ @extend .secondary-btn } /* Pop */ @include keyframes(#{$nameSpace}-pop) { 50% { @include prefixed(transform, scale(1.2)); } } @mixin pop { &:hover, &:focus, &:active { @include prefixed(animation-name, #{$nameSpace}-pop); @include prefixed(animation-duration, $mediumDuration); @include prefixed(animation-timing-function, linear); @include prefixed(animation-iteration-count, 1); } } @if $includeClasses { .#{$nameSpace}-pop { @include pop(); } } @mixin grow { @include prefixed(transition-duration, $mediumDuration); @include prefixed(transition-property, transform); } .lSPager.lSpg > li.active a,.lSPager.lSpg > li:hover a{ @include prefixed(transform, scale(1.5)); }