From 54030360311dcacd9670ead02c4789406ce69ff4 Mon Sep 17 00:00:00 2001
From: David DeSandro <david@desandro.com>
Date: Mon, 14 May 2012 14:27:34 -0400
Subject: [PATCH] add ms-transition styles

---
 _posts/docs/2011-05-04-animating.mdown | 3 +++
 css/style.css                          | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/_posts/docs/2011-05-04-animating.mdown b/_posts/docs/2011-05-04-animating.mdown
index 8a08eea4..afed241e 100644
--- a/_posts/docs/2011-05-04-animating.mdown
+++ b/_posts/docs/2011-05-04-animating.mdown
@@ -58,6 +58,7 @@ In your CSS, add transition styles below. The Masonry plugin will add a class of
 .masonry .masonry-brick {
   -webkit-transition-duration: 0.7s;
      -moz-transition-duration: 0.7s;
+      -ms-transition-duration: 0.7s;
        -o-transition-duration: 0.7s;
           transition-duration: 0.7s;
 }
@@ -65,6 +66,7 @@ In your CSS, add transition styles below. The Masonry plugin will add a class of
 .masonry {
   -webkit-transition-property: height, width;
      -moz-transition-property: height, width;
+      -ms-transition-property: height, width;
        -o-transition-property: height, width;
           transition-property: height, width;
 }
@@ -72,6 +74,7 @@ In your CSS, add transition styles below. The Masonry plugin will add a class of
 .masonry .masonry-brick {
   -webkit-transition-property: left, right, top;
      -moz-transition-property: left, right, top;
+      -ms-transition-property: left, right, top;
        -o-transition-property: left, right, top;
           transition-property: left, right, top;
 }
diff --git a/css/style.css b/css/style.css
index 9de526b5..f0087304 100755
--- a/css/style.css
+++ b/css/style.css
@@ -363,6 +363,7 @@ button {
 .transitions-enabled.masonry .masonry-brick {
   -webkit-transition-duration: 0.7s;
      -moz-transition-duration: 0.7s;
+      -ms-transition-duration: 0.7s;
        -o-transition-duration: 0.7s;
           transition-duration: 0.7s;
 }
@@ -370,6 +371,7 @@ button {
 .transitions-enabled.masonry {
   -webkit-transition-property: height, width;
      -moz-transition-property: height, width;
+      -ms-transition-property: height, width;
        -o-transition-property: height, width;
           transition-property: height, width;
 }
@@ -377,6 +379,7 @@ button {
 .transitions-enabled.masonry  .masonry-brick {
   -webkit-transition-property: left, right, top;
      -moz-transition-property: left, right, top;
+      -ms-transition-property: left, right, top;
        -o-transition-property: left, right, top;
           transition-property: left, right, top;
 }
@@ -386,6 +389,7 @@ button {
 .transitions-enabled.infinite-scroll.masonry {
   -webkit-transition-property: none;
      -moz-transition-property: none;
+      -ms-transition-property: none;
        -o-transition-property: none;
           transition-property: none;
 }