Mercurial > wikked
comparison static/bootstrap/less/component-animations.less @ 149:d29e2f337b00
Updated to Bootstrap 3.0.
author | Ludovic Chabant <ludovic@chabant.com> |
---|---|
date | Thu, 12 Dec 2013 21:54:04 -0800 |
parents | 130eccd396d8 |
children |
comparison
equal
deleted
inserted
replaced
148:f02e049d6546 | 149:d29e2f337b00 |
---|---|
1 // | 1 // |
2 // Component animations | 2 // Component animations |
3 // -------------------------------------------------- | 3 // -------------------------------------------------- |
4 | 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/twitter/bootstrap/pull/3552. | |
5 | 9 |
6 .fade { | 10 .fade { |
7 opacity: 0; | 11 opacity: 0; |
8 .transition(opacity .15s linear); | 12 .transition(opacity .15s linear); |
9 &.in { | 13 &.in { |
10 opacity: 1; | 14 opacity: 1; |
11 } | 15 } |
12 } | 16 } |
13 | 17 |
14 .collapse { | 18 .collapse { |
19 display: none; | |
20 &.in { | |
21 display: block; | |
22 } | |
23 } | |
24 .collapsing { | |
15 position: relative; | 25 position: relative; |
16 height: 0; | 26 height: 0; |
17 overflow: hidden; | 27 overflow: hidden; |
18 .transition(height .35s ease); | 28 .transition(height .35s ease); |
19 &.in { | |
20 height: auto; | |
21 } | |
22 } | 29 } |