From: Harris Lapiroff <hlapirof@oberlin.edu>
Date: Thu, 26 May 2011 17:58:52 +0000 (-0400)
Subject: Borders and padding were causing reflow with animation. Animation now only animates... 
X-Git-Url: http://git.ithinksw.org/philo.git/commitdiff_plain/537af39e26f09caa27964bd755140809cae49fa5

Borders and padding were causing reflow with animation. Animation now only animates background color. Not super attractive, but fixes the reflow problem for now.
---

diff --git a/static/css/screen.css b/static/css/screen.css
index 773f42c..929b707 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -104,10 +104,10 @@ html > body {
   border-radius: 5px; }
 
 section {
-  -moz-transition-property: all;
-  -webkit-transition-property: all;
-  -o-transition-property: all;
-  transition-property: all;
+  -moz-transition-property: background;
+  -webkit-transition-property: background;
+  -o-transition-property: background;
+  transition-property: background;
   -moz-transition-duration: 0.15s;
   -webkit-transition-duration: 0.15s;
   -o-transition-duration: 0.15s;
diff --git a/static/scss/screen.scss b/static/scss/screen.scss
index b531c1a..b56beda 100644
--- a/static/scss/screen.scss
+++ b/static/scss/screen.scss
@@ -48,7 +48,7 @@
 }
 
 section{
-	@include transition(all, .15s, linear);
+	@include transition(background, .15s, linear);
 }
 
 body{