_expansion-variables.scss 1.1 KB

123456789101112131415161718192021222324252627282930
  1. // Default minimum and maximum height for collapsed panel headers.
  2. $header-collapsed-height: 48px !default;
  3. $header-collapsed-minimum-height: 36px !default;
  4. $header-collapsed-maximum-height:
  5. $header-collapsed-height !default;
  6. // Default minimum and maximum height for expanded panel headers.
  7. $header-expanded-height: 64px !default;
  8. $header-expanded-minimum-height: 48px !default;
  9. $header-expanded-maximum-height:
  10. $header-expanded-height !default;
  11. // Density configuration for the expansion panel. Captures the
  12. // height for both expanded and collapsed panel headers.
  13. $header-density-config: (
  14. collapsed-height: (
  15. default: $header-collapsed-height,
  16. maximum: $header-collapsed-maximum-height,
  17. minimum: $header-collapsed-minimum-height,
  18. ),
  19. expanded-height: (
  20. default: $header-expanded-height,
  21. maximum: $header-expanded-maximum-height,
  22. minimum: $header-expanded-minimum-height,
  23. )
  24. ) !default;
  25. // Note: Keep this in sync with the animation timing for the toggle indicator
  26. // and body expansion. These are animated using Angular animations.
  27. $header-transition: 225ms cubic-bezier(0.4, 0, 0.2, 1);