| // |
| // Component animations |
| // -------------------------------------------------- |
| |
| // Heads up! |
| // |
| // We don't use the `.opacity()` mixin here since it causes a bug with text |
| // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. |
| |
| .fade { |
| opacity: 0; |
| .transition(opacity .15s linear); |
| &.in { |
| opacity: 1; |
| } |
| } |
| |
| .collapse { |
| display: none; |
| |
| &.in { display: block; } |
| tr&.in { display: table-row; } |
| tbody&.in { display: table-row-group; } |
| } |
| |
| .collapsing { |
| position: relative; |
| height: 0; |
| overflow: hidden; |
| .transition-property(~"height, visibility"); |
| .transition-duration(.35s); |
| .transition-timing-function(ease); |
| } |