Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add css3 fade in/out transition to post menus

This commit is contained in:
Jeff Atwood 2013-02-20 12:36:07 -08:00
parent 046c330858
commit 7ff7fe3d3c
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/application/topic-post.css.scss
View File

@ -200,6 +200,7 @@
section.post-menu-area { section.post-menu-area {
.discourse-no-touch & { .discourse-no-touch & {
opacity: 0.2; opacity: 0.2;
@include fade-soft(1s);
} }
} }

8
app/assets/stylesheets/foundation/mixins.scss
View File

@ -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 { @mixin visible {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;