_component-animations.scss (856B)
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 }