From 7ff7fe3d3c8c97e4805e2f6fd023a4953f988bb7 Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Wed, 20 Feb 2013 12:36:07 -0800
Subject: [PATCH] add css3 fade in/out transition to post menus

---
 app/assets/stylesheets/application/topic-post.css.scss | 1 +
 app/assets/stylesheets/foundation/mixins.scss          | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/app/assets/stylesheets/application/topic-post.css.scss b/app/assets/stylesheets/application/topic-post.css.scss
index a09142206..9b95434e1 100644
--- a/app/assets/stylesheets/application/topic-post.css.scss
+++ b/app/assets/stylesheets/application/topic-post.css.scss
@@ -200,6 +200,7 @@
   section.post-menu-area {
     .discourse-no-touch & {
       opacity: 0.2;
+      @include fade-soft(1s);
     }
   }
 
diff --git a/app/assets/stylesheets/foundation/mixins.scss b/app/assets/stylesheets/foundation/mixins.scss
index b4c4193f9..149a459c3 100644
--- a/app/assets/stylesheets/foundation/mixins.scss
+++ b/app/assets/stylesheets/foundation/mixins.scss
@@ -160,6 +160,14 @@
   }
 }
 
+@mixin fade-soft($time: 1s) {
+  transition: opacity $time ease-in-out;
+  -moz-transition: opacity $time ease-in-out;
+  -webkit-transition: opacity $time ease-in-out;
+  -ms-transition: opacity $time ease-in-out;
+  -o-transition: opacity $time ease-in-out;
+}
+
 @mixin visible {
   opacity: 1;
   visibility: visible;