53 lines
1.9 KiB
SCSS
53 lines
1.9 KiB
SCSS
|
@use '../../styles/settings';
|
||
|
|
@use '../../styles/tools';
|
||
|
|
|
||
|
|
// VAlert
|
||
|
|
$alert-background: rgb(var(--v-theme-surface-light)) !default;
|
||
|
|
$alert-border-color: currentColor !default;
|
||
|
|
$alert-border-opacity: .38 !default;
|
||
|
|
$alert-border-radius: settings.$border-radius-root !default;
|
||
|
|
$alert-border-style: settings.$border-style-root !default;
|
||
|
|
$alert-border-thin-width: 8px !default;
|
||
|
|
$alert-border-width: 0 !default;
|
||
|
|
$alert-color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)) !default;
|
||
|
|
$alert-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
|
||
|
|
$alert-elevation: 1 !default;
|
||
|
|
$alert-padding: 16px !default;
|
||
|
|
$alert-plain-opacity: .62 !default;
|
||
|
|
$alert-plain-transition: .2s opacity settings.$standard-easing !default;
|
||
|
|
$alert-positions: absolute fixed sticky !default;
|
||
|
|
$alert-prepend-margin-inline-end: 16px !default;
|
||
|
|
$alert-append-margin-inline-start: 16px !default;
|
||
|
|
$alert-append-close-margin-inline-start: 16px !default;
|
||
|
|
|
||
|
|
// VAlertTitle
|
||
|
|
$alert-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
|
||
|
|
$alert-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
|
||
|
|
$alert-title-hyphens: auto !default;
|
||
|
|
$alert-title-letter-spacing: tools.map-deep-get(settings.$typography, 'h6', 'letter-spacing') !default;
|
||
|
|
// $alert-title-line-height: tools.map-deep-get(settings.$typography, 'h6', 'line-height') !default;
|
||
|
|
$alert-title-line-height: 1.75rem !default;
|
||
|
|
$alert-title-overflow-wrap: normal !default;
|
||
|
|
$alert-title-text-transform: none !default;
|
||
|
|
$alert-title-word-break: normal !default;
|
||
|
|
$alert-title-word-wrap: break-word !default;
|
||
|
|
|
||
|
|
// VAlertText
|
||
|
|
$alert-text-line-height: 1.35 !default;
|
||
|
|
|
||
|
|
// Lists
|
||
|
|
$alert-border: (
|
||
|
|
$alert-border-color,
|
||
|
|
$alert-border-style,
|
||
|
|
$alert-border-width,
|
||
|
|
$alert-border-thin-width
|
||
|
|
) !default;
|
||
|
|
|
||
|
|
$alert-variants: (
|
||
|
|
$alert-background,
|
||
|
|
$alert-color,
|
||
|
|
$alert-elevation,
|
||
|
|
$alert-plain-opacity,
|
||
|
|
'v-alert'
|
||
|
|
) !default;
|