/media/com_bootstrap/less/component-animations.less

https://bitbucket.org/organicdevelopment/com_bootstrap · LESS · 22 lines · 16 code · 3 blank · 3 comment · 0 complexity · 187f9da4ce323b12c0a84ffa2d736f6c MD5 · raw file 

    

  1. //
    2. 

  2. // Component animations
    3. 

  3. // --------------------------------------------------
    4. 

  4. 

  5. 

  6. .fade {
    7. 

  7.   opacity: 0;
    8. 

  8.   .transition(opacity .15s linear);
    9. 

  9.   &.in {
    10. 

  10.     opacity: 1;
    11. 

  11.   }
    12. 

  12. }
    13. 

  13. 

  14. .collapse {
    15. 

  15.   position: relative;
    16. 

  16.   height: 0;
    17. 

  17.   overflow: hidden;
    18. 

  18.   .transition(height .35s ease);
    19. 

  19.   &.in {
    20. 

  20.     height: auto;
    21. 

  21.   }
    22. 

  22. }
    23.