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 .transition(opacity .15s linear); 13 &.in { 14 opacity: 1; 15 } 16} 17 18.collapse { 19 display: none; 20 21 &.in { display: block; } 22 tr&.in { display: table-row; } 23 tbody&.in { display: table-row-group; } 24} 25 26.collapsing { 27 position: relative; 28 height: 0; 29 overflow: hidden; 30 .transition-property(~"height, visibility"); 31 .transition-duration(.35s); 32 .transition-timing-function(ease); 33} 34