blob: ca3b43ca788fff99fb8f46626fdb1ea2efbe9ffc [file] [log] [blame]
Matteo Scandolo2500e392016-03-25 17:20:27 -07001//
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}