_variables.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @use 'sass:map';
  2. @use 'sass:math';
  3. @use '../../styles/settings';
  4. @use "../../styles/settings/variables";
  5. @use "../../styles/tools/functions";
  6. // VBottomNavigation
  7. $bottom-navigation-background: rgb(var(--v-theme-surface)) !default;
  8. $bottom-navigation-border-color: settings.$border-color-root !default;
  9. $bottom-navigation-border-radius: 0 !default;
  10. $bottom-navigation-border-radius: map.get(settings.$rounded, '0') !default;
  11. $bottom-navigation-border-style: settings.$border-style-root !default;
  12. $bottom-navigation-border-thin-width: thin !default;
  13. $bottom-navigation-border-width: 0 !default;
  14. $bottom-navigation-button-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
  15. $bottom-navigation-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
  16. $bottom-navigation-content-font-size: functions.map-deep-get(variables.$typography, 'caption', 'size') !default;
  17. $bottom-navigation-elevation: 4 !default;
  18. $bottom-navigation-flat-elevation: 0 !default;
  19. $bottom-navigation-height: 100% !default;
  20. $bottom-navigation-icon-font-size: 1.5rem !default;
  21. $bottom-navigation-max-width: 168px !default;
  22. $bottom-navigation-min-width: 80px !default;
  23. $bottom-navigation-opacity: var(--v-medium-emphasis-opacity) !default;
  24. $bottom-navigation-shift-content-color: rgba(var(--v-theme-on-surface), 0) !default;
  25. $bottom-navigation-shift-icon-top: math.div($bottom-navigation-icon-font-size, 3) !default;
  26. $bottom-navigation-shift-icon-transform: translateY($bottom-navigation-shift-icon-top) !default;
  27. $bottom-navigation-text-transform: none !default;
  28. $bottom-navigation-transition: transform, color .2s, .2s settings.$standard-easing !default;
  29. // Lists
  30. $bottom-navigation-border: (
  31. $bottom-navigation-border-color,
  32. $bottom-navigation-border-style,
  33. $bottom-navigation-border-width,
  34. $bottom-navigation-border-thin-width
  35. ) !default;
  36. $bottom-navigation-theme: (
  37. $bottom-navigation-background,
  38. $bottom-navigation-color
  39. ) !default;