animations Simplifier dans

Question

Je css que le fichier suivant SCSS dans mon projet

&.care-loading-icon{ 
    .glyphicon-refresh-animate { 
     @include care-loading-animation 
    } 

    @keyframes spin { 
     from { 
     transform: scale(1) rotate(0deg); 
     } 
     to { 
     transform: scale(1) rotate(360deg); 
     } 
    } 

    @-webkit-keyframes spinw { 
     from { 
     -webkit-transform: rotate(0deg); 
     } 
     to { 
     -webkit-transform: rotate(360deg); 
     } 
    } 

    @-moz-keyframes spinm { 
     from { 
     -moz-transform: rotate(0deg); 
     } 
     to { 
     -moz-transform: rotate(360deg); 
     } 
    } 
    } 

Je me demande s'il y a un moyen de simplifier bourbon?

Answer 1

On dirait, à partir de the documentation que vous pouvez utiliser le mix keyframes pour simplifier la mise en œuvre de vos images clés.

Comme tels

@include keyframes(spin) { 
    from { @include transform(0deg); } 
    to { @include transform(360deg); } 
}