_stepper-variables.scss 959 B

1234567891011121314151617181920212223242526272829
  1. $header-height: 72px !default;
  2. // Minimum height for highest density stepper's is determined based on how much
  3. // stepper headers can shrink until the step icon or step label exceed. We can't use
  4. // a value below `42px` because the optional label for steps would otherwise exceed.
  5. $header-minimum-height: 42px !default;
  6. $header-maximum-height: $header-height !default;
  7. $density-config: (
  8. height: (
  9. default: $header-height,
  10. maximum: $header-maximum-height,
  11. minimum: $header-minimum-height,
  12. )
  13. ) !default;
  14. // Note: These variables are not denoted with `!default` because they are used in the non-theme
  15. // component styles. Modifying these variables does not have the desired effect for consumers.
  16. $label-header-height: 24px;
  17. $label-position-bottom-top-gap: 16px;
  18. $label-min-width: 50px;
  19. $vertical-stepper-content-margin: 36px;
  20. $side-gap: 24px;
  21. $line-width: 1px;
  22. $line-gap: 8px;
  23. $step-sub-label-font-size: 12px;
  24. $step-header-icon-size: 16px;