_modal.sass in spina-0.12.0

- old
+ new

@@ -1,25 +1,25 @@
 #overlay
+  background: radial-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .6))
   display: none
   height: 100%
   left: 0
   position: fixed
   top: 0
   width: 100%
   z-index: 999
-  @include background-image(radial-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .6)))
 
 .modal
+  animation-duration: .4s
   background: #fff
   border-radius: 3px
   display: none
   margin: 0 auto
   max-width: 480px
   min-height: 100px
   overflow: hidden
   position: relative
-  @include animation-duration(.4s)
 
   @media screen and (max-width: 480px)
     margin: 0 10px
 
   &.modal-small
@@ -79,11 +79,11 @@
     color: #d6d6d6
     float: right
     font-size: 12px
     padding: 6px 10px
     text-decoration: none
-    @include transition(color .2s ease-out)
+    transition: color .2s ease-out
 
     i.icon
       font-size: 8px
 
   header a[data-dismiss="modal"]:hover
@@ -150,11 +150,11 @@
     display: inline-block
     font-size: 13px
     font-weight: 600
     padding: 12px 0
     text-align: center
+    transition: color .2s ease-out
     width: 49%
-    @include transition(color .2s ease-out)
 
   footer a.primary, footer a:hover, footer button.primary, footer button:hover
     color: #000
 
   footer a.primary:hover, footer button.primary:hover