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 26tr.collapse.in { display: table-row; } 27 28tbody.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} 38