_variables.scss 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @use "sass:map";
  2. @use '../../styles/settings';
  3. @use "../../styles/settings/variables";
  4. @use "../../styles/tools/functions";
  5. // VToolbar
  6. $toolbar-background: rgb(var(--v-theme-on-surface-variant)) !default;
  7. $toolbar-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
  8. $toolbar-border-color: settings.$border-color-root !default;
  9. $toolbar-border-radius: map.get(settings.$rounded, 0) !default;
  10. $toolbar-border-style: settings.$border-style-root !default;
  11. $toolbar-border-thin-width: thin !default;
  12. $toolbar-border-width: 0 !default;
  13. $toolbar-btn-icon-size: 48px !default;
  14. $toolbar-collapsed-border-radius: 24px !default;
  15. $toolbar-collapsed-max-width: 112px !default;
  16. $toolbar-content-padding-x: 16px !default;
  17. $toolbar-content-padding-y: 4px !default;
  18. $toolbar-elevation: 0 !default;
  19. $toolbar-flat-elevation: 0 !default;
  20. $toolbar-flex: none !default;
  21. $toolbar-prepend-btn-margin-start: 10px !default;
  22. $toolbar-append-btn-margin-end: 10px !default;
  23. $toolbar-rounded-border-radius: variables.$border-radius-root !default;
  24. $toolbar-transition: .2s variables.$standard-easing !default;
  25. // VToolbarTitle
  26. $toolbar-title-margin: 16px !default;
  27. $toolbar-title-extended-padding: 56px !default;
  28. $toolbar-title-font-size: 1.25rem !default;
  29. $toolbar-title-font-weight: 400 !default;
  30. $toolbar-title-letter-spacing: 0 !default;
  31. $toolbar-title-line-height: 1.75rem !default;
  32. $toolbar-title-text-transform: none !default;
  33. $toolbar-prominent-title-font-size: 1.5rem !default;
  34. $toolbar-prominent-title-font-weight: 400 !default;
  35. $toolbar-prominent-title-letter-spacing: 0 !default;
  36. $toolbar-prominent-title-line-height: 2.25rem !default;
  37. $toolbar-prominent-title-text-transform: none !default;
  38. // Lists
  39. $toolbar-border: (
  40. $toolbar-border-color,
  41. $toolbar-border-style,
  42. $toolbar-border-width,
  43. $toolbar-border-thin-width
  44. ) !default;
  45. $toolbar-title-typography: (
  46. $toolbar-title-font-size,
  47. $toolbar-title-font-weight,
  48. $toolbar-title-letter-spacing,
  49. $toolbar-title-line-height,
  50. $toolbar-title-text-transform
  51. ) !default;
  52. $toolbar-prominent-title-typography: (
  53. $toolbar-prominent-title-font-size,
  54. $toolbar-prominent-title-font-weight,
  55. $toolbar-prominent-title-letter-spacing,
  56. $toolbar-prominent-title-line-height,
  57. $toolbar-prominent-title-text-transform
  58. ) !default;
  59. $toolbar-theme: (
  60. $toolbar-background,
  61. $toolbar-color
  62. ) !default;