Skip to content

Commit 428b8d5

Browse files
committed
Move ng-animate styles from inbox to file
1 parent 0a97d08 commit 428b8d5

File tree

2 files changed

+30
-15
lines changed

2 files changed

+30
-15
lines changed

client/stylesheets/application.sass

Lines changed: 2 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,7 @@
6767
// Vendor
6868
// -------------------------------------
6969
70+
@import 'vendor/animate'
7071
@import 'vendor/codemirror'
7172
@import 'vendor/codemirror-theme'
7273
@import 'vendor/tooltip'
@@ -75,18 +76,4 @@
7576
// Inbox
7677
// -------------------------------------
7778
78-
// Animations are handled using Angulars ng-animate which adds and
79-
// removes classes during various phases. If this doesn't work we can
80-
// do something different, but ng-animate is pretty crazy flexible in the timing
81-
// in code of where these happen if we need to tweak things.
82-
.animate--fade.ng-enter,
83-
.animate--fade.ng-leave
84-
// transition: all 1s ease-in-out
85-
.animate--fade.ng-enter,
86-
.animate--fade.ng-leave.ng-leave-active
87-
display: none
88-
// opacity: 0
89-
.animate--fade.ng-leave,
90-
.animate--fade.ng-enter.ng-enter-active
91-
display: block
92-
// opacity: 1
79+
// ...
Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
// *************************************
2+
//
3+
// Animate
4+
// -> ng-animate
5+
//
6+
// -------------------------------------
7+
// Template (Haml)
8+
// -------------------------------------
9+
//
10+
// .animate[...]
11+
//
12+
// *************************************
13+
14+
// .animate
15+
16+
// -------------------------------------
17+
// Modifiers
18+
// -------------------------------------
19+
20+
// ----- Fade ----- //
21+
22+
.animate--fade
23+
24+
&.ng-enter, &.ng-leave.ng-leave-active
25+
display: none
26+
27+
&.ng-leave, &.ng-enter.ng-enter-active
28+
display: block

0 commit comments

Comments
 (0)