_variables.scss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. @use '../../styles/settings';
  2. @use '../../styles/tools';
  3. // VAlert
  4. $alert-background: rgb(var(--v-theme-on-surface-variant)) !default;
  5. $alert-border-color: currentColor !default;
  6. $alert-border-opacity: .38 !default;
  7. $alert-border-radius: settings.$border-radius-root !default;
  8. $alert-border-style: settings.$border-style-root !default;
  9. $alert-border-thin-width: 8px !default;
  10. $alert-border-width: 0 !default;
  11. $alert-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
  12. $alert-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
  13. $alert-elevation: 1 !default;
  14. $alert-padding: 16px !default;
  15. $alert-plain-opacity: .62 !default;
  16. $alert-plain-transition: .2s opacity settings.$standard-easing !default;
  17. $alert-positions: absolute fixed sticky !default;
  18. $alert-prepend-margin-inline-end: 16px !default;
  19. $alert-append-margin-inline-start: 16px !default;
  20. $alert-append-close-margin-inline-start: 16px !default;
  21. // VAlertTitle
  22. $alert-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
  23. $alert-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
  24. $alert-title-hyphens: auto !default;
  25. $alert-title-letter-spacing: tools.map-deep-get(settings.$typography, 'h6', 'letter-spacing') !default;
  26. // $alert-title-line-height: tools.map-deep-get(settings.$typography, 'h6', 'line-height') !default;
  27. $alert-title-line-height: 1.75rem !default;
  28. $alert-title-overflow-wrap: normal !default;
  29. $alert-title-text-transform: none !default;
  30. $alert-title-word-break: normal !default;
  31. $alert-title-word-wrap: break-word !default;
  32. // VAlertText
  33. $alert-text-line-height: 1.35 !default;
  34. // Lists
  35. $alert-border: (
  36. $alert-border-color,
  37. $alert-border-style,
  38. $alert-border-width,
  39. $alert-border-thin-width
  40. ) !default;
  41. $alert-variants: (
  42. $alert-background,
  43. $alert-color,
  44. $alert-elevation,
  45. $alert-plain-opacity,
  46. 'v-alert'
  47. ) !default;