Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [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 { |
| 22 | display: block; |
| 23 | } |
| 24 | // [converter] extracted tr&.in to tr.collapse.in |
| 25 | // [converter] extracted tbody&.in to tbody.collapse.in |
| 26 | } |
| 27 | |
| 28 | tr.collapse.in { |
| 29 | display: table-row; |
| 30 | } |
| 31 | |
| 32 | tbody.collapse.in { |
| 33 | display: table-row-group; |
| 34 | } |
| 35 | |
| 36 | .collapsing { |
| 37 | position: relative; |
| 38 | height: 0; |
| 39 | overflow: hidden; |
| 40 | @include transition-property(height, visibility); |
| 41 | @include transition-duration(.35s); |
| 42 | @include transition-timing-function(ease); |
| 43 | } |