_buttons.sass in spina-0.12.0

- old
+ new

@@ -13,22 +13,22 @@
   line-height: 20px
   margin: 0 4px 4px 0
   outline: none
   padding: 8px 16px
   text-decoration: none
-  @include transition(all .3s ease)
+  transition: all .3s ease
 
   &:hover
     background: shade(#efefef, 5%)
     color: inherit
 
   &.button-shaded:hover
     background: #efefef
 
   &:active, &.button-active, &.button-shaded, &.button-shaded:active
     background: shade(#efefef, 10%)
-    @include transform(scale(0.95))
+    transform: scale(0.95)
 
   &:focus
     outline: none
 
   &.button-primary
@@ -121,18 +121,18 @@
 
   &.button-saving
     background: #999 !important
 
   &.button-saving:before
+    animation: rotate 3.0s linear infinite
     display: inline-block
-    @include animation(rotate 3.0s linear infinite)
 
-@include keyframes(rotate)
+@keyframes rotate
   from
-    @include transform(rotate(0deg))
+    transform: rotate(0deg)
   to
-    @include transform(rotate(360deg))
+    transform: rotate(360deg)
 
 .pull-right .button
   margin: 0 0 4px 4px
 
 // Button groups
@@ -211,14 +211,14 @@
     position: absolute
     width: 200px
     z-index: 999
 
     &.animated
+      animation-duration: .3s
       display: block
-      @include animation-duration(.3s)
 
     &.no-animation
-      @include animation(none)
+      animation: none
 
   ul:before, .sliding-dropdown:before
     content: ""
     display: block
     height: 0