author | stetrabby <info@trabucchi.de> |
Fri, 20 Dec 2013 22:30:44 +0100 | |
changeset 53 | 3416f82943ea |
permissions | -rwxr-xr-x |
info@53 | 1 |
// |
info@53 | 2 |
// Component animations |
info@53 | 3 |
// -------------------------------------------------- |
info@53 | 4 |
|
info@53 | 5 |
// Heads up! |
info@53 | 6 |
// |
info@53 | 7 |
// We don't use the `.opacity()` mixin here since it causes a bug with text |
info@53 | 8 |
// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. |
info@53 | 9 |
|
info@53 | 10 |
.fade { |
info@53 | 11 |
opacity: 0; |
info@53 | 12 |
.transition(opacity .15s linear); |
info@53 | 13 |
&.in { |
info@53 | 14 |
opacity: 1; |
info@53 | 15 |
} |
info@53 | 16 |
} |
info@53 | 17 |
|
info@53 | 18 |
.collapse { |
info@53 | 19 |
display: none; |
info@53 | 20 |
&.in { |
info@53 | 21 |
display: block; |
info@53 | 22 |
} |
info@53 | 23 |
} |
info@53 | 24 |
.collapsing { |
info@53 | 25 |
position: relative; |
info@53 | 26 |
height: 0; |
info@53 | 27 |
overflow: hidden; |
info@53 | 28 |
.transition(height .35s ease); |
info@53 | 29 |
} |