modal.css.sass in upjs-rails-0.3.2

- old
+ new

@@ -2,10 +2,15 @@
 //$width: 700px
 //$height: 450px
 $close-height: 24px
 $close-width: 36px
 
+=transform($transform)
+  transform: $transform
+  -ms-transform: $transform // IE9
+  -webkit-transform: $transform // Safari, Some Android
+
 .up-modal
   position: fixed
   top: 0
   left: 0
   bottom: 0
@@ -15,11 +20,11 @@
 
 .up-modal-dialog
   position: absolute
   top: 50%
   left: 50%
-  transform: translate(-50%, -50%)
+  +transform(translate(-50%, -50%))
   max-width: 100%
   max-height: 100%
   background-color: #fff
   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3)
   // In case someone sets padding on the dialog box,
@@ -38,10 +43,10 @@
   background-color: #999
   color: #fff
   font-weight: bold
   text-transform: uppercase
   cursor: pointer
-  transform: translateY(-100%)
+  +transform(translateY(-100%))
 
 .up-modal-content
   overflow-x: hidden
   overflow-y: auto
   width: 100%