pyc-website

main website for pyc inc.

git clone https://9o.is/git/pyc-website.git

component-animations.less

(509B)


      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/twitter/bootstrap/pull/3552.
      9 
     10 .fade {
     11   opacity: 0;
     12   .transition(opacity .15s linear);
     13   &.in {
     14     opacity: 1;
     15   }
     16 }
     17 
     18 .collapse {
     19   display: none;
     20   &.in {
     21     display: block;
     22   }
     23 }
     24 .collapsing {
     25   position: relative;
     26   height: 0;
     27   overflow: hidden;
     28   .transition(height .35s ease);
     29 }