blob: 58befaa2ef68130f9f8a453600f27db51a7ee4d9 [file] [log] [blame]
Michael Landoefa037d2017-02-19 12:57:33 +02001//
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 {
22 display: block;
23 }
24 // [converter] extracted tr&.in to tr.collapse.in
25 // [converter] extracted tbody&.in to tbody.collapse.in
26}
27
28tr.collapse.in {
29 display: table-row;
30}
31
32tbody.collapse.in {
33 display: table-row-group;
34}
35
36.collapsing {
37 position: relative;
38 height: 0;
39 overflow: hidden;
40 @include transition-property(height, visibility);
41 @include transition-duration(.35s);
42 @include transition-timing-function(ease);
43}