Matteo Scandolo | 2500e39 | 2016-03-25 17:20:27 -0700 | [diff] [blame] | 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/twbs/bootstrap/pull/3552. |
| 9 | |
| 10 | .fade { |
| 11 | opacity: 0; |
| 12 | @include transition(opacity .15s linear); |
| 13 | &.in { |
| 14 | opacity: 1; |
| 15 | } |
| 16 | } |
| 17 | |
| 18 | .collapse { |
| 19 | display: none; |
| 20 | |
| 21 | &.in { display: block; } |
| 22 | // [converter] extracted tr&.in to tr.collapse.in |
| 23 | // [converter] extracted tbody&.in to tbody.collapse.in |
| 24 | } |
| 25 | |
| 26 | tr.collapse.in { display: table-row; } |
| 27 | |
| 28 | tbody.collapse.in { display: table-row-group; } |
| 29 | |
| 30 | .collapsing { |
| 31 | position: relative; |
| 32 | height: 0; |
| 33 | overflow: hidden; |
| 34 | @include transition-property(height, visibility); |
| 35 | @include transition-duration(.35s); |
| 36 | @include transition-timing-function(ease); |
| 37 | } |