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
