Commit | Line | Data |
---|---|---|
7b869721 S |
1 | // |
2 | // Component animations | |
3 | // -------------------------------------------------- | |
4 | ||
5 | // Heads up! | |
6 | // | |
7 | // We don't use the `.opacity()` mixin here since it causes a bug with text | |
8 | // fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. | |
9 | ||
10 | .fade { | |
11 | opacity: 0; | |
12 | .transition(opacity .15s linear); | |
13 | &.in { | |
14 | opacity: 1; | |
15 | } | |
16 | } | |
17 | ||
18 | .collapse { | |
19 | display: none; | |
20 | &.in { | |
21 | display: block; | |
22 | } | |
23 | } | |
24 | .collapsing { | |
25 | position: relative; | |
26 | height: 0; | |
27 | overflow: hidden; | |
28 | .transition(height .35s ease); | |
29 | } |