_variables.scss 930 B

123456789101112131415161718192021222324252627282930313233
  1. @use 'sass:math';
  2. @use 'sass:map';
  3. @use '../../styles/settings';
  4. @use '../../styles/tools';
  5. $fab-border-radius: map.get(settings.$rounded, 'circle') !default;
  6. $fab-border-radius-multiplier: 0 !default; // 2.4 for MD3
  7. $fab-height: 56px !default;
  8. $fab-font-size: tools.map-deep-get(settings.$typography, 'button', 'size') !default;
  9. $fab-font-weight: tools.map-deep-get(settings.$typography, 'button', 'weight') !default;
  10. $fab-transition-duration: 0.2s !default;
  11. $fab-transition-timing-function: settings.$standard-easing !default;
  12. $fab-width-ratio: math.div(16, 9) !default;
  13. $fab-padding-ratio: 2.25 !default;
  14. $fab-size-scales: (
  15. 'x-small': -2,
  16. 'small': -1,
  17. 'default': 0,
  18. 'large': 2,
  19. 'x-large': 5
  20. ) !default;
  21. $fab-sizes: () !default;
  22. $fab-sizes: map.merge(
  23. (
  24. 'height': $fab-height,
  25. 'font-size': $fab-font-size,
  26. 'width-ratio': $fab-width-ratio,
  27. 'padding-ratio': $fab-padding-ratio
  28. ),
  29. $fab-sizes
  30. );