_variables.scss 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. @use 'sass:map';
  2. @use '../../styles/settings';
  3. @use '../../styles/tools';
  4. // VCard
  5. $card-append-padding-inline-start: .5rem !default;
  6. $card-background: rgb(var(--v-theme-surface)) !default;
  7. $card-border-color: settings.$border-color-root !default;
  8. $card-border-radius: settings.$border-radius-root !default;
  9. $card-border-style: settings.$border-style-root !default;
  10. $card-border-thin-width: thin !default;
  11. $card-border-width: 0 !default;
  12. $card-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
  13. $card-disabled-opacity: 0.6 !default;
  14. $card-elevation: 1 !default;
  15. $card-loader-top: 0 !default;
  16. $card-loader-bottom: auto !default;
  17. $card-hover-elevation: 8 !default;
  18. $card-img-flex: 1 1 auto !default;
  19. $card-item-align-items: center !default;
  20. $card-item-padding: .625rem 1rem !default;
  21. $card-overflow-wrap: break-word !default;
  22. $card-padding: 0 !default;
  23. $card-plain-opacity: .62 !default;
  24. $card-positions: absolute fixed !default;
  25. $card-prepend-padding-inline-end: .5rem !default;
  26. $card-transition-duration: 0.28s !default;
  27. $card-transition-property: box-shadow, opacity, background !default;
  28. $card-transition-timing-function: settings.$standard-easing !default;
  29. // VCardActions
  30. $card-actions-flex: none !default;
  31. $card-actions-min-height: 52px !default;
  32. $card-actions-padding: .5rem !default;
  33. $button-card-actions-margin: .5rem !default; // deprecated
  34. $card-actions-gap: $button-card-actions-margin !default;
  35. // VCardHeader
  36. $card-header-flex: none !default;
  37. // VCardTitle
  38. $card-title-comfortable-line-height: 1.75rem !default;
  39. $card-title-compact-line-height: 1.55rem !default;
  40. $card-title-flex: none !default;
  41. $card-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
  42. $card-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
  43. $card-title-header-padding: 0 !default;
  44. $card-title-hyphens: auto !default;
  45. $card-title-letter-spacing: tools.map-deep-get(settings.$typography, 'h6', 'letter-spacing') !default;
  46. $card-title-line-height: tools.map-deep-get(settings.$typography, 'h6', 'line-height') !default;
  47. $card-title-overflow-wrap: normal !default;
  48. $card-title-overflow: hidden !default;
  49. $card-title-padding: .5rem 1rem !default;
  50. $card-title-text-overflow: ellipsis !default;
  51. $card-title-text-transform: none !default;
  52. $card-title-white-space: nowrap !default;
  53. $card-title-word-break: normal !default;
  54. $card-title-word-wrap: break-word !default;
  55. // VCardSubtitle
  56. $card-subtitle-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
  57. $card-subtitle-comfortable-line-height: 1.125rem !default;
  58. $card-subtitle-compact-line-height: 1rem !default;
  59. $card-subtitle-flex: none !default;
  60. $card-subtitle-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
  61. $card-subtitle-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
  62. $card-subtitle-header-padding: 0 0 .25rem !default;
  63. $card-subtitle-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
  64. $card-subtitle-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line-height') !default;
  65. $card-subtitle-opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity)) !default;
  66. $card-subtitle-overflow: hidden !default;
  67. $card-subtitle-padding: 0 1rem !default;
  68. $card-subtitle-text-overflow: ellipsis !default;
  69. $card-subtitle-text-transform: none !default;
  70. $card-subtitle-white-space: nowrap !default;
  71. // VCardText
  72. $card-text-comfortable-line-height: 1.2rem !default;
  73. $card-text-compact-line-height: 1.15rem !default;
  74. $card-text-flex: 1 1 auto !default;
  75. $card-text-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
  76. $card-text-font-weight: tools.map-deep-get(settings.$typography, 'body-2', 'weight') !default;
  77. $card-text-opacity: var(--v-card-text-opacity, 1) !default;
  78. $card-text-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
  79. $card-text-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line-height') !default;
  80. $card-text-padding: 1rem !default;
  81. $card-text-text-transform: tools.map-deep-get(settings.$typography, 'body-2', 'text-transform') !default;
  82. // Lists
  83. $card-border: (
  84. $card-border-color,
  85. $card-border-style,
  86. $card-border-width,
  87. $card-border-thin-width
  88. ) !default;
  89. $card-title-densities: () !default;
  90. $card-title-densities: map.merge((
  91. null: $card-title-line-height,
  92. 'comfortable': $card-title-comfortable-line-height,
  93. 'compact': $card-title-compact-line-height
  94. ), $card-title-densities);
  95. $card-subtitle-density-line-height: () !default;
  96. $card-subtitle-density-line-height: map.merge((
  97. null: $card-subtitle-line-height,
  98. 'comfortable': $card-subtitle-comfortable-line-height,
  99. 'compact': $card-subtitle-compact-line-height
  100. ), $card-subtitle-density-line-height);
  101. $card-text-density-line-height: () !default;
  102. $card-text-density-line-height: map.merge((
  103. null: $card-text-line-height,
  104. 'comfortable': $card-text-comfortable-line-height,
  105. 'compact': $card-text-compact-line-height
  106. ), $card-text-density-line-height);
  107. $card-variants: (
  108. $card-background,
  109. $card-color,
  110. $card-elevation,
  111. $card-plain-opacity,
  112. 'v-card'
  113. ) !default;
  114. // Deprecated
  115. $card-avatar-align-self: flex-start !default;
  116. $card-avatar-header-padding: 0 !default;
  117. $card-avatar-padding: .5rem 1rem !default;
  118. $card-title-padding-top: 1rem !default;
  119. $card-text-padding-bottom: 1rem !default;