component-animations.less 475 Bytes
Newer Older
1
2
3
4
//
// Component animations
// --------------------------------------------------

5
6
7
8
// Heads up!
//
// We don't use the `.opacity()` mixin here since it causes a bug with text
// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
9
10

.fade {
11
  opacity: 0;
Jacob Thornton's avatar
Jacob Thornton committed
12
  .transition(opacity .15s linear);
13
  &.in {
14
    opacity: 1;
15
16
17
  }
}

18
.collapse {
19
  position: relative;
20
  height: 0;
21
  overflow: hidden;
Jacob Thornton's avatar
Jacob Thornton committed
22
  .transition(height .35s ease);
23

24
25
26
  &.in {
    height: auto;
  }
27
}