contain-css-svelte 1.2.1 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Card.svelte +156 -156
- package/dist/controls/Button.svelte +6 -0
- package/dist/controls/ButtonLink.svelte +1 -0
- package/dist/controls/Checkbox.svelte +1 -0
- package/dist/controls/CircleButton.svelte +1 -0
- package/dist/controls/RadioButton.svelte +1 -0
- package/dist/controls/Toggle.svelte +1 -0
- package/dist/dropdowns/DropdownMenu.svelte +2 -0
- package/dist/layout/Accordion.svelte +1 -0
- package/dist/layout/Container.svelte +156 -156
- package/dist/layout/DataListItem.svelte +160 -179
- package/dist/layout/Form.svelte +156 -156
- package/dist/layout/Hero.svelte +156 -156
- package/dist/layout/MenuList.svelte +5 -0
- package/dist/layout/Sidebar.svelte +1 -0
- package/dist/layout/Table.svelte +157 -156
- package/dist/layout/Tile.svelte +157 -156
- package/dist/misc/Progress.svelte +156 -156
- package/dist/overlays/Dialog.svelte +156 -156
- package/dist/overlays/Tooltip.svelte +164 -158
- package/dist/overlays/Tooltip.svelte.d.ts +1 -0
- package/dist/sass/_affordances.scss +7 -2
- package/dist/sass/_typography.scss +15 -12
- package/dist/typography/TextLayout.svelte +156 -156
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import { COLOR_VARS, PADDING_VARS, RADIUS_VARS, TYPOGRAPHY_CONTAINER_VARS, } fro
|
|
|
4
4
|
let tooltipDiv = $state();
|
|
5
5
|
let targetDiv = $state();
|
|
6
6
|
let tooltipMeasurementDiv = $state();
|
|
7
|
-
let { tooltipText = "", vertical = "bottom", horizontal = "right", children, tooltip, block = false, class: className, ...restProps } = $props();
|
|
7
|
+
let { tooltipText = "", vertical = "bottom", horizontal = "right", children, tooltip, block = false, tooltipDisabled = false, class: className, ...restProps } = $props();
|
|
8
8
|
/* The wrapper is the element a caller is pointing at -- the tooltip itself
|
|
9
9
|
is a popover the component owns and positions. */
|
|
10
10
|
/* The shorthands this component's own CSS backs, one group per mixin
|
|
@@ -37,6 +37,10 @@ function hidePopover() {
|
|
|
37
37
|
unwatchViewport();
|
|
38
38
|
tooltipDiv?.togglePopover(false);
|
|
39
39
|
}
|
|
40
|
+
$effect(() => {
|
|
41
|
+
if (tooltipDisabled)
|
|
42
|
+
hidePopover();
|
|
43
|
+
});
|
|
40
44
|
/**
|
|
41
45
|
* Find the rect to anchor the tooltip to.
|
|
42
46
|
*
|
|
@@ -203,13 +207,15 @@ onDestroy(() => {
|
|
|
203
207
|
unwatchViewport();
|
|
204
208
|
});
|
|
205
209
|
async function showPopover() {
|
|
210
|
+
if (tooltipDisabled)
|
|
211
|
+
return;
|
|
206
212
|
wantsShow = true;
|
|
207
213
|
if (!hasRendered) {
|
|
208
214
|
hasRendered = true;
|
|
209
215
|
// Wait for the content to exist before measuring it — positioning reads
|
|
210
216
|
// the measurement element's height/width to decide flip direction.
|
|
211
217
|
await tick();
|
|
212
|
-
if (!wantsShow)
|
|
218
|
+
if (!wantsShow || tooltipDisabled)
|
|
213
219
|
return;
|
|
214
220
|
}
|
|
215
221
|
if (!positionTooltip())
|
|
@@ -469,185 +475,185 @@ async function showPopover() {
|
|
|
469
475
|
}
|
|
470
476
|
|
|
471
477
|
.tooltip :global(h1) {
|
|
472
|
-
--_heading-color: var(--
|
|
478
|
+
--_heading-color: var(--tooltip-heading-1-fg, var(--ui-heading-1-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-1-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
|
|
473
479
|
color: var(--_heading-color);
|
|
474
|
-
--_heading-background: var(--
|
|
480
|
+
--_heading-background: var(--tooltip-heading-1-bg, var(--ui-heading-1-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-1-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
|
|
475
481
|
background: var(--_heading-background);
|
|
476
|
-
--_heading-padding: var(--
|
|
482
|
+
--_heading-padding: var(--tooltip-heading-1-padding, var(--ui-heading-1-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-1-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
|
|
477
483
|
padding: var(--_heading-padding);
|
|
478
|
-
--_heading-border: var(--
|
|
484
|
+
--_heading-border: var(--tooltip-heading-1-border, var(--ui-heading-1-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-1-border, var(--heading-major-border, var(--heading-border, none)))))))));
|
|
479
485
|
border: var(--_heading-border);
|
|
480
|
-
border-width: var(--
|
|
481
|
-
border-style: var(--
|
|
482
|
-
border-color: var(--
|
|
483
|
-
--_heading-border-radius: var(--
|
|
486
|
+
border-width: var(--tooltip-heading-1-border-width, var(--ui-heading-1-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-1-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
|
|
487
|
+
border-style: var(--tooltip-heading-1-border-style, var(--ui-heading-1-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-1-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
|
|
488
|
+
border-color: var(--tooltip-heading-1-border-color, var(--ui-heading-1-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-1-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
|
|
489
|
+
--_heading-border-radius: var(--tooltip-heading-1-border-radius, var(--ui-heading-1-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-1-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
|
|
484
490
|
border-radius: var(--_heading-border-radius);
|
|
485
|
-
--_heading-box-shadow: var(--
|
|
491
|
+
--_heading-box-shadow: var(--tooltip-heading-1-box-shadow, var(--ui-heading-1-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-1-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
|
|
486
492
|
box-shadow: var(--_heading-box-shadow);
|
|
487
|
-
font-family: var(--
|
|
488
|
-
text-transform: var(--
|
|
489
|
-
text-decoration: var(--
|
|
490
|
-
font-size: var(--
|
|
491
|
-
font-weight: var(--
|
|
492
|
-
line-height: var(--
|
|
493
|
-
letter-spacing: var(--
|
|
494
|
-
text-indent: var(--
|
|
495
|
-
font-variant: var(--
|
|
496
|
-
text-align: var(--
|
|
493
|
+
font-family: var(--tooltip-heading-1-font-family, var(--ui-heading-1-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-1-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
|
|
494
|
+
text-transform: var(--tooltip-heading-1-text-transform, var(--ui-heading-1-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-1-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
|
|
495
|
+
text-decoration: var(--tooltip-heading-1-text-decoration, var(--ui-heading-1-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-1-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
|
|
496
|
+
font-size: var(--tooltip-heading-1-font-size, var(--ui-heading-1-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-1-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
|
|
497
|
+
font-weight: var(--tooltip-heading-1-font-weight, var(--ui-heading-1-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-1-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
|
|
498
|
+
line-height: var(--tooltip-heading-1-line-height, var(--ui-heading-1-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-1-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
|
|
499
|
+
letter-spacing: var(--tooltip-heading-1-letter-spacing, var(--ui-heading-1-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-1-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
|
|
500
|
+
text-indent: var(--tooltip-heading-1-indent, var(--ui-heading-1-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-1-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
|
|
501
|
+
font-variant: var(--tooltip-heading-1-font-variant, var(--ui-heading-1-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-1-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
|
|
502
|
+
text-align: var(--tooltip-heading-1-text-align, var(--ui-heading-1-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-1-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
|
|
497
503
|
}
|
|
498
504
|
|
|
499
505
|
.tooltip :global(h2) {
|
|
500
|
-
--_heading-color: var(--
|
|
506
|
+
--_heading-color: var(--tooltip-heading-2-fg, var(--ui-heading-2-fg, var(--tooltip-heading-major-fg, var(--ui-heading-major-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-2-fg, var(--heading-major-fg, var(--heading-fg, revert)))))))));
|
|
501
507
|
color: var(--_heading-color);
|
|
502
|
-
--_heading-background: var(--
|
|
508
|
+
--_heading-background: var(--tooltip-heading-2-bg, var(--ui-heading-2-bg, var(--tooltip-heading-major-bg, var(--ui-heading-major-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-2-bg, var(--heading-major-bg, var(--heading-bg, transparent)))))))));
|
|
503
509
|
background: var(--_heading-background);
|
|
504
|
-
--_heading-padding: var(--
|
|
510
|
+
--_heading-padding: var(--tooltip-heading-2-padding, var(--ui-heading-2-padding, var(--tooltip-heading-major-padding, var(--ui-heading-major-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-2-padding, var(--heading-major-padding, var(--heading-padding, 0)))))))));
|
|
505
511
|
padding: var(--_heading-padding);
|
|
506
|
-
--_heading-border: var(--
|
|
512
|
+
--_heading-border: var(--tooltip-heading-2-border, var(--ui-heading-2-border, var(--tooltip-heading-major-border, var(--ui-heading-major-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-2-border, var(--heading-major-border, var(--heading-border, none)))))))));
|
|
507
513
|
border: var(--_heading-border);
|
|
508
|
-
border-width: var(--
|
|
509
|
-
border-style: var(--
|
|
510
|
-
border-color: var(--
|
|
511
|
-
--_heading-border-radius: var(--
|
|
514
|
+
border-width: var(--tooltip-heading-2-border-width, var(--ui-heading-2-border-width, var(--tooltip-heading-major-border-width, var(--ui-heading-major-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-2-border-width, var(--heading-major-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
|
|
515
|
+
border-style: var(--tooltip-heading-2-border-style, var(--ui-heading-2-border-style, var(--tooltip-heading-major-border-style, var(--ui-heading-major-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-2-border-style, var(--heading-major-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
|
|
516
|
+
border-color: var(--tooltip-heading-2-border-color, var(--ui-heading-2-border-color, var(--tooltip-heading-major-border-color, var(--ui-heading-major-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-2-border-color, var(--heading-major-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
|
|
517
|
+
--_heading-border-radius: var(--tooltip-heading-2-border-radius, var(--ui-heading-2-border-radius, var(--tooltip-heading-major-border-radius, var(--ui-heading-major-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-2-border-radius, var(--heading-major-border-radius, var(--heading-border-radius, 0)))))))));
|
|
512
518
|
border-radius: var(--_heading-border-radius);
|
|
513
|
-
--_heading-box-shadow: var(--
|
|
519
|
+
--_heading-box-shadow: var(--tooltip-heading-2-box-shadow, var(--ui-heading-2-box-shadow, var(--tooltip-heading-major-box-shadow, var(--ui-heading-major-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-2-box-shadow, var(--heading-major-box-shadow, var(--heading-box-shadow, none)))))))));
|
|
514
520
|
box-shadow: var(--_heading-box-shadow);
|
|
515
|
-
font-family: var(--
|
|
516
|
-
text-transform: var(--
|
|
517
|
-
text-decoration: var(--
|
|
518
|
-
font-size: var(--
|
|
519
|
-
font-weight: var(--
|
|
520
|
-
line-height: var(--
|
|
521
|
-
letter-spacing: var(--
|
|
522
|
-
text-indent: var(--
|
|
523
|
-
font-variant: var(--
|
|
524
|
-
text-align: var(--
|
|
521
|
+
font-family: var(--tooltip-heading-2-font-family, var(--ui-heading-2-font-family, var(--tooltip-heading-major-font-family, var(--ui-heading-major-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-2-font-family, var(--heading-major-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
|
|
522
|
+
text-transform: var(--tooltip-heading-2-text-transform, var(--ui-heading-2-text-transform, var(--tooltip-heading-major-text-transform, var(--ui-heading-major-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-2-text-transform, var(--heading-major-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
|
|
523
|
+
text-decoration: var(--tooltip-heading-2-text-decoration, var(--ui-heading-2-text-decoration, var(--tooltip-heading-major-text-decoration, var(--ui-heading-major-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-2-text-decoration, var(--heading-major-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
|
|
524
|
+
font-size: var(--tooltip-heading-2-font-size, var(--ui-heading-2-font-size, var(--tooltip-heading-major-font-size, var(--ui-heading-major-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-2-font-size, var(--heading-major-font-size, var(--heading-font-size, revert)))))))));
|
|
525
|
+
font-weight: var(--tooltip-heading-2-font-weight, var(--ui-heading-2-font-weight, var(--tooltip-heading-major-font-weight, var(--ui-heading-major-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-2-font-weight, var(--heading-major-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
|
|
526
|
+
line-height: var(--tooltip-heading-2-line-height, var(--ui-heading-2-line-height, var(--tooltip-heading-major-line-height, var(--ui-heading-major-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-2-line-height, var(--heading-major-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
|
|
527
|
+
letter-spacing: var(--tooltip-heading-2-letter-spacing, var(--ui-heading-2-letter-spacing, var(--tooltip-heading-major-letter-spacing, var(--ui-heading-major-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-2-letter-spacing, var(--heading-major-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
|
|
528
|
+
text-indent: var(--tooltip-heading-2-indent, var(--ui-heading-2-indent, var(--tooltip-heading-major-indent, var(--ui-heading-major-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-2-indent, var(--heading-major-indent, var(--heading-indent, var(--indent, revert))))))))));
|
|
529
|
+
font-variant: var(--tooltip-heading-2-font-variant, var(--ui-heading-2-font-variant, var(--tooltip-heading-major-font-variant, var(--ui-heading-major-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-2-font-variant, var(--heading-major-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
|
|
530
|
+
text-align: var(--tooltip-heading-2-text-align, var(--ui-heading-2-text-align, var(--tooltip-heading-major-text-align, var(--ui-heading-major-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-2-text-align, var(--heading-major-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
|
|
525
531
|
}
|
|
526
532
|
|
|
527
533
|
.tooltip :global(h3) {
|
|
528
|
-
--_heading-color: var(--
|
|
534
|
+
--_heading-color: var(--tooltip-heading-3-fg, var(--ui-heading-3-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-3-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
|
|
529
535
|
color: var(--_heading-color);
|
|
530
|
-
--_heading-background: var(--
|
|
536
|
+
--_heading-background: var(--tooltip-heading-3-bg, var(--ui-heading-3-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-3-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
|
|
531
537
|
background: var(--_heading-background);
|
|
532
|
-
--_heading-padding: var(--
|
|
538
|
+
--_heading-padding: var(--tooltip-heading-3-padding, var(--ui-heading-3-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-3-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
|
|
533
539
|
padding: var(--_heading-padding);
|
|
534
|
-
--_heading-border: var(--
|
|
540
|
+
--_heading-border: var(--tooltip-heading-3-border, var(--ui-heading-3-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-3-border, var(--heading-border, var(--heading-border, none)))))))));
|
|
535
541
|
border: var(--_heading-border);
|
|
536
|
-
border-width: var(--
|
|
537
|
-
border-style: var(--
|
|
538
|
-
border-color: var(--
|
|
539
|
-
--_heading-border-radius: var(--
|
|
542
|
+
border-width: var(--tooltip-heading-3-border-width, var(--ui-heading-3-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-3-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
|
|
543
|
+
border-style: var(--tooltip-heading-3-border-style, var(--ui-heading-3-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-3-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
|
|
544
|
+
border-color: var(--tooltip-heading-3-border-color, var(--ui-heading-3-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-3-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
|
|
545
|
+
--_heading-border-radius: var(--tooltip-heading-3-border-radius, var(--ui-heading-3-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-3-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
|
|
540
546
|
border-radius: var(--_heading-border-radius);
|
|
541
|
-
--_heading-box-shadow: var(--
|
|
547
|
+
--_heading-box-shadow: var(--tooltip-heading-3-box-shadow, var(--ui-heading-3-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-3-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
|
|
542
548
|
box-shadow: var(--_heading-box-shadow);
|
|
543
|
-
font-family: var(--
|
|
544
|
-
text-transform: var(--
|
|
545
|
-
text-decoration: var(--
|
|
546
|
-
font-size: var(--
|
|
547
|
-
font-weight: var(--
|
|
548
|
-
line-height: var(--
|
|
549
|
-
letter-spacing: var(--
|
|
550
|
-
text-indent: var(--
|
|
551
|
-
font-variant: var(--
|
|
552
|
-
text-align: var(--
|
|
549
|
+
font-family: var(--tooltip-heading-3-font-family, var(--ui-heading-3-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-3-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
|
|
550
|
+
text-transform: var(--tooltip-heading-3-text-transform, var(--ui-heading-3-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-3-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
|
|
551
|
+
text-decoration: var(--tooltip-heading-3-text-decoration, var(--ui-heading-3-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-3-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
|
|
552
|
+
font-size: var(--tooltip-heading-3-font-size, var(--ui-heading-3-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-3-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
|
|
553
|
+
font-weight: var(--tooltip-heading-3-font-weight, var(--ui-heading-3-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-3-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
|
|
554
|
+
line-height: var(--tooltip-heading-3-line-height, var(--ui-heading-3-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-3-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
|
|
555
|
+
letter-spacing: var(--tooltip-heading-3-letter-spacing, var(--ui-heading-3-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-3-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
|
|
556
|
+
text-indent: var(--tooltip-heading-3-indent, var(--ui-heading-3-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-3-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
|
|
557
|
+
font-variant: var(--tooltip-heading-3-font-variant, var(--ui-heading-3-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-3-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
|
|
558
|
+
text-align: var(--tooltip-heading-3-text-align, var(--ui-heading-3-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-3-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
|
|
553
559
|
}
|
|
554
560
|
|
|
555
561
|
.tooltip :global(h4) {
|
|
556
|
-
--_heading-color: var(--
|
|
562
|
+
--_heading-color: var(--tooltip-heading-4-fg, var(--ui-heading-4-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-4-fg, var(--heading-fg, var(--heading-fg, revert)))))))));
|
|
557
563
|
color: var(--_heading-color);
|
|
558
|
-
--_heading-background: var(--
|
|
564
|
+
--_heading-background: var(--tooltip-heading-4-bg, var(--ui-heading-4-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-4-bg, var(--heading-bg, var(--heading-bg, transparent)))))))));
|
|
559
565
|
background: var(--_heading-background);
|
|
560
|
-
--_heading-padding: var(--
|
|
566
|
+
--_heading-padding: var(--tooltip-heading-4-padding, var(--ui-heading-4-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-4-padding, var(--heading-padding, var(--heading-padding, 0)))))))));
|
|
561
567
|
padding: var(--_heading-padding);
|
|
562
|
-
--_heading-border: var(--
|
|
568
|
+
--_heading-border: var(--tooltip-heading-4-border, var(--ui-heading-4-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-4-border, var(--heading-border, var(--heading-border, none)))))))));
|
|
563
569
|
border: var(--_heading-border);
|
|
564
|
-
border-width: var(--
|
|
565
|
-
border-style: var(--
|
|
566
|
-
border-color: var(--
|
|
567
|
-
--_heading-border-radius: var(--
|
|
570
|
+
border-width: var(--tooltip-heading-4-border-width, var(--ui-heading-4-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-4-border-width, var(--heading-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
|
|
571
|
+
border-style: var(--tooltip-heading-4-border-style, var(--ui-heading-4-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-4-border-style, var(--heading-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
|
|
572
|
+
border-color: var(--tooltip-heading-4-border-color, var(--ui-heading-4-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-4-border-color, var(--heading-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
|
|
573
|
+
--_heading-border-radius: var(--tooltip-heading-4-border-radius, var(--ui-heading-4-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-4-border-radius, var(--heading-border-radius, var(--heading-border-radius, 0)))))))));
|
|
568
574
|
border-radius: var(--_heading-border-radius);
|
|
569
|
-
--_heading-box-shadow: var(--
|
|
575
|
+
--_heading-box-shadow: var(--tooltip-heading-4-box-shadow, var(--ui-heading-4-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-4-box-shadow, var(--heading-box-shadow, var(--heading-box-shadow, none)))))))));
|
|
570
576
|
box-shadow: var(--_heading-box-shadow);
|
|
571
|
-
font-family: var(--
|
|
572
|
-
text-transform: var(--
|
|
573
|
-
text-decoration: var(--
|
|
574
|
-
font-size: var(--
|
|
575
|
-
font-weight: var(--
|
|
576
|
-
line-height: var(--
|
|
577
|
-
letter-spacing: var(--
|
|
578
|
-
text-indent: var(--
|
|
579
|
-
font-variant: var(--
|
|
580
|
-
text-align: var(--
|
|
577
|
+
font-family: var(--tooltip-heading-4-font-family, var(--ui-heading-4-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-4-font-family, var(--heading-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
|
|
578
|
+
text-transform: var(--tooltip-heading-4-text-transform, var(--ui-heading-4-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-4-text-transform, var(--heading-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
|
|
579
|
+
text-decoration: var(--tooltip-heading-4-text-decoration, var(--ui-heading-4-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-4-text-decoration, var(--heading-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
|
|
580
|
+
font-size: var(--tooltip-heading-4-font-size, var(--ui-heading-4-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-4-font-size, var(--heading-font-size, var(--heading-font-size, revert)))))))));
|
|
581
|
+
font-weight: var(--tooltip-heading-4-font-weight, var(--ui-heading-4-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-4-font-weight, var(--heading-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
|
|
582
|
+
line-height: var(--tooltip-heading-4-line-height, var(--ui-heading-4-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-4-line-height, var(--heading-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
|
|
583
|
+
letter-spacing: var(--tooltip-heading-4-letter-spacing, var(--ui-heading-4-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-4-letter-spacing, var(--heading-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
|
|
584
|
+
text-indent: var(--tooltip-heading-4-indent, var(--ui-heading-4-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-4-indent, var(--heading-indent, var(--heading-indent, var(--indent, revert))))))))));
|
|
585
|
+
font-variant: var(--tooltip-heading-4-font-variant, var(--ui-heading-4-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-4-font-variant, var(--heading-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
|
|
586
|
+
text-align: var(--tooltip-heading-4-text-align, var(--ui-heading-4-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-4-text-align, var(--heading-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
|
|
581
587
|
}
|
|
582
588
|
|
|
583
589
|
.tooltip :global(h5) {
|
|
584
|
-
--_heading-color: var(--
|
|
590
|
+
--_heading-color: var(--tooltip-heading-5-fg, var(--ui-heading-5-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-5-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
|
|
585
591
|
color: var(--_heading-color);
|
|
586
|
-
--_heading-background: var(--
|
|
592
|
+
--_heading-background: var(--tooltip-heading-5-bg, var(--ui-heading-5-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-5-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
|
|
587
593
|
background: var(--_heading-background);
|
|
588
|
-
--_heading-padding: var(--
|
|
594
|
+
--_heading-padding: var(--tooltip-heading-5-padding, var(--ui-heading-5-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-5-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
|
|
589
595
|
padding: var(--_heading-padding);
|
|
590
|
-
--_heading-border: var(--
|
|
596
|
+
--_heading-border: var(--tooltip-heading-5-border, var(--ui-heading-5-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-5-border, var(--heading-minor-border, var(--heading-border, none)))))))));
|
|
591
597
|
border: var(--_heading-border);
|
|
592
|
-
border-width: var(--
|
|
593
|
-
border-style: var(--
|
|
594
|
-
border-color: var(--
|
|
595
|
-
--_heading-border-radius: var(--
|
|
598
|
+
border-width: var(--tooltip-heading-5-border-width, var(--ui-heading-5-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-5-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
|
|
599
|
+
border-style: var(--tooltip-heading-5-border-style, var(--ui-heading-5-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-5-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
|
|
600
|
+
border-color: var(--tooltip-heading-5-border-color, var(--ui-heading-5-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-5-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
|
|
601
|
+
--_heading-border-radius: var(--tooltip-heading-5-border-radius, var(--ui-heading-5-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-5-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
|
|
596
602
|
border-radius: var(--_heading-border-radius);
|
|
597
|
-
--_heading-box-shadow: var(--
|
|
603
|
+
--_heading-box-shadow: var(--tooltip-heading-5-box-shadow, var(--ui-heading-5-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-5-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
|
|
598
604
|
box-shadow: var(--_heading-box-shadow);
|
|
599
|
-
font-family: var(--
|
|
600
|
-
text-transform: var(--
|
|
601
|
-
text-decoration: var(--
|
|
602
|
-
font-size: var(--
|
|
603
|
-
font-weight: var(--
|
|
604
|
-
line-height: var(--
|
|
605
|
-
letter-spacing: var(--
|
|
606
|
-
text-indent: var(--
|
|
607
|
-
font-variant: var(--
|
|
608
|
-
text-align: var(--
|
|
605
|
+
font-family: var(--tooltip-heading-5-font-family, var(--ui-heading-5-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-5-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
|
|
606
|
+
text-transform: var(--tooltip-heading-5-text-transform, var(--ui-heading-5-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-5-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
|
|
607
|
+
text-decoration: var(--tooltip-heading-5-text-decoration, var(--ui-heading-5-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-5-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
|
|
608
|
+
font-size: var(--tooltip-heading-5-font-size, var(--ui-heading-5-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-5-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
|
|
609
|
+
font-weight: var(--tooltip-heading-5-font-weight, var(--ui-heading-5-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-5-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
|
|
610
|
+
line-height: var(--tooltip-heading-5-line-height, var(--ui-heading-5-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-5-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
|
|
611
|
+
letter-spacing: var(--tooltip-heading-5-letter-spacing, var(--ui-heading-5-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-5-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
|
|
612
|
+
text-indent: var(--tooltip-heading-5-indent, var(--ui-heading-5-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-5-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
|
|
613
|
+
font-variant: var(--tooltip-heading-5-font-variant, var(--ui-heading-5-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-5-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
|
|
614
|
+
text-align: var(--tooltip-heading-5-text-align, var(--ui-heading-5-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-5-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
|
|
609
615
|
}
|
|
610
616
|
|
|
611
617
|
.tooltip :global(h6) {
|
|
612
|
-
--_heading-color: var(--
|
|
618
|
+
--_heading-color: var(--tooltip-heading-6-fg, var(--ui-heading-6-fg, var(--tooltip-heading-minor-fg, var(--ui-heading-minor-fg, var(--tooltip-heading-fg, var(--ui-heading-fg, var(--heading-6-fg, var(--heading-minor-fg, var(--heading-fg, revert)))))))));
|
|
613
619
|
color: var(--_heading-color);
|
|
614
|
-
--_heading-background: var(--
|
|
620
|
+
--_heading-background: var(--tooltip-heading-6-bg, var(--ui-heading-6-bg, var(--tooltip-heading-minor-bg, var(--ui-heading-minor-bg, var(--tooltip-heading-bg, var(--ui-heading-bg, var(--heading-6-bg, var(--heading-minor-bg, var(--heading-bg, transparent)))))))));
|
|
615
621
|
background: var(--_heading-background);
|
|
616
|
-
--_heading-padding: var(--
|
|
622
|
+
--_heading-padding: var(--tooltip-heading-6-padding, var(--ui-heading-6-padding, var(--tooltip-heading-minor-padding, var(--ui-heading-minor-padding, var(--tooltip-heading-padding, var(--ui-heading-padding, var(--heading-6-padding, var(--heading-minor-padding, var(--heading-padding, 0)))))))));
|
|
617
623
|
padding: var(--_heading-padding);
|
|
618
|
-
--_heading-border: var(--
|
|
624
|
+
--_heading-border: var(--tooltip-heading-6-border, var(--ui-heading-6-border, var(--tooltip-heading-minor-border, var(--ui-heading-minor-border, var(--tooltip-heading-border, var(--ui-heading-border, var(--heading-6-border, var(--heading-minor-border, var(--heading-border, none)))))))));
|
|
619
625
|
border: var(--_heading-border);
|
|
620
|
-
border-width: var(--
|
|
621
|
-
border-style: var(--
|
|
622
|
-
border-color: var(--
|
|
623
|
-
--_heading-border-radius: var(--
|
|
626
|
+
border-width: var(--tooltip-heading-6-border-width, var(--ui-heading-6-border-width, var(--tooltip-heading-minor-border-width, var(--ui-heading-minor-border-width, var(--tooltip-heading-border-width, var(--ui-heading-border-width, var(--heading-6-border-width, var(--heading-minor-border-width, var(--heading-border-width, var(--__missing-border-width))))))))));
|
|
627
|
+
border-style: var(--tooltip-heading-6-border-style, var(--ui-heading-6-border-style, var(--tooltip-heading-minor-border-style, var(--ui-heading-minor-border-style, var(--tooltip-heading-border-style, var(--ui-heading-border-style, var(--heading-6-border-style, var(--heading-minor-border-style, var(--heading-border-style, var(--__missing-border-style))))))))));
|
|
628
|
+
border-color: var(--tooltip-heading-6-border-color, var(--ui-heading-6-border-color, var(--tooltip-heading-minor-border-color, var(--ui-heading-minor-border-color, var(--tooltip-heading-border-color, var(--ui-heading-border-color, var(--heading-6-border-color, var(--heading-minor-border-color, var(--heading-border-color, var(--__missing-border-color))))))))));
|
|
629
|
+
--_heading-border-radius: var(--tooltip-heading-6-border-radius, var(--ui-heading-6-border-radius, var(--tooltip-heading-minor-border-radius, var(--ui-heading-minor-border-radius, var(--tooltip-heading-border-radius, var(--ui-heading-border-radius, var(--heading-6-border-radius, var(--heading-minor-border-radius, var(--heading-border-radius, 0)))))))));
|
|
624
630
|
border-radius: var(--_heading-border-radius);
|
|
625
|
-
--_heading-box-shadow: var(--
|
|
631
|
+
--_heading-box-shadow: var(--tooltip-heading-6-box-shadow, var(--ui-heading-6-box-shadow, var(--tooltip-heading-minor-box-shadow, var(--ui-heading-minor-box-shadow, var(--tooltip-heading-box-shadow, var(--ui-heading-box-shadow, var(--heading-6-box-shadow, var(--heading-minor-box-shadow, var(--heading-box-shadow, none)))))))));
|
|
626
632
|
box-shadow: var(--_heading-box-shadow);
|
|
627
|
-
font-family: var(--
|
|
628
|
-
text-transform: var(--
|
|
629
|
-
text-decoration: var(--
|
|
630
|
-
font-size: var(--
|
|
631
|
-
font-weight: var(--
|
|
632
|
-
line-height: var(--
|
|
633
|
-
letter-spacing: var(--
|
|
634
|
-
text-indent: var(--
|
|
635
|
-
font-variant: var(--
|
|
636
|
-
text-align: var(--
|
|
633
|
+
font-family: var(--tooltip-heading-6-font-family, var(--ui-heading-6-font-family, var(--tooltip-heading-minor-font-family, var(--ui-heading-minor-font-family, var(--tooltip-heading-font-family, var(--ui-heading-font-family, var(--heading-6-font-family, var(--heading-minor-font-family, var(--heading-font-family, var(--font-family, revert))))))))));
|
|
634
|
+
text-transform: var(--tooltip-heading-6-text-transform, var(--ui-heading-6-text-transform, var(--tooltip-heading-minor-text-transform, var(--ui-heading-minor-text-transform, var(--tooltip-heading-text-transform, var(--ui-heading-text-transform, var(--heading-6-text-transform, var(--heading-minor-text-transform, var(--heading-text-transform, var(--text-transform, revert))))))))));
|
|
635
|
+
text-decoration: var(--tooltip-heading-6-text-decoration, var(--ui-heading-6-text-decoration, var(--tooltip-heading-minor-text-decoration, var(--ui-heading-minor-text-decoration, var(--tooltip-heading-text-decoration, var(--ui-heading-text-decoration, var(--heading-6-text-decoration, var(--heading-minor-text-decoration, var(--heading-text-decoration, var(--text-decoration, revert))))))))));
|
|
636
|
+
font-size: var(--tooltip-heading-6-font-size, var(--ui-heading-6-font-size, var(--tooltip-heading-minor-font-size, var(--ui-heading-minor-font-size, var(--tooltip-heading-font-size, var(--ui-heading-font-size, var(--heading-6-font-size, var(--heading-minor-font-size, var(--heading-font-size, revert)))))))));
|
|
637
|
+
font-weight: var(--tooltip-heading-6-font-weight, var(--ui-heading-6-font-weight, var(--tooltip-heading-minor-font-weight, var(--ui-heading-minor-font-weight, var(--tooltip-heading-font-weight, var(--ui-heading-font-weight, var(--heading-6-font-weight, var(--heading-minor-font-weight, var(--heading-font-weight, var(--font-weight, revert))))))))));
|
|
638
|
+
line-height: var(--tooltip-heading-6-line-height, var(--ui-heading-6-line-height, var(--tooltip-heading-minor-line-height, var(--ui-heading-minor-line-height, var(--tooltip-heading-line-height, var(--ui-heading-line-height, var(--heading-6-line-height, var(--heading-minor-line-height, var(--heading-line-height, var(--line-height, revert))))))))));
|
|
639
|
+
letter-spacing: var(--tooltip-heading-6-letter-spacing, var(--ui-heading-6-letter-spacing, var(--tooltip-heading-minor-letter-spacing, var(--ui-heading-minor-letter-spacing, var(--tooltip-heading-letter-spacing, var(--ui-heading-letter-spacing, var(--heading-6-letter-spacing, var(--heading-minor-letter-spacing, var(--heading-letter-spacing, var(--letter-spacing, revert))))))))));
|
|
640
|
+
text-indent: var(--tooltip-heading-6-indent, var(--ui-heading-6-indent, var(--tooltip-heading-minor-indent, var(--ui-heading-minor-indent, var(--tooltip-heading-indent, var(--ui-heading-indent, var(--heading-6-indent, var(--heading-minor-indent, var(--heading-indent, var(--indent, revert))))))))));
|
|
641
|
+
font-variant: var(--tooltip-heading-6-font-variant, var(--ui-heading-6-font-variant, var(--tooltip-heading-minor-font-variant, var(--ui-heading-minor-font-variant, var(--tooltip-heading-font-variant, var(--ui-heading-font-variant, var(--heading-6-font-variant, var(--heading-minor-font-variant, var(--heading-font-variant, var(--font-variant, revert))))))))));
|
|
642
|
+
text-align: var(--tooltip-heading-6-text-align, var(--ui-heading-6-text-align, var(--tooltip-heading-minor-text-align, var(--ui-heading-minor-text-align, var(--tooltip-heading-text-align, var(--ui-heading-text-align, var(--heading-6-text-align, var(--heading-minor-text-align, var(--heading-text-align, var(--text-align, revert))))))))));
|
|
637
643
|
}
|
|
638
644
|
|
|
639
645
|
.tooltip :global(p) {
|
|
640
|
-
font-family: var(--
|
|
641
|
-
text-transform: var(--
|
|
642
|
-
text-decoration: var(--
|
|
643
|
-
--_font-size: var(--
|
|
646
|
+
font-family: var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, inherit)));
|
|
647
|
+
text-transform: var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, inherit)));
|
|
648
|
+
text-decoration: var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, inherit)));
|
|
649
|
+
--_font-size: var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit)));
|
|
644
650
|
font-size: var(--_font-size);
|
|
645
|
-
font-weight: var(--
|
|
646
|
-
line-height: var(--
|
|
647
|
-
letter-spacing: var(--
|
|
648
|
-
text-indent: var(--
|
|
649
|
-
font-variant: var(--
|
|
650
|
-
text-align: var(--
|
|
651
|
+
font-weight: var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, inherit)));
|
|
652
|
+
line-height: var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit)));
|
|
653
|
+
letter-spacing: var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, inherit)));
|
|
654
|
+
text-indent: var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, inherit)));
|
|
655
|
+
font-variant: var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, inherit)));
|
|
656
|
+
text-align: var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, inherit)));
|
|
651
657
|
}
|
|
652
658
|
|
|
653
659
|
.tooltip :global(p:first-of-type),
|
|
@@ -657,19 +663,19 @@ async function showPopover() {
|
|
|
657
663
|
.tooltip :global(h4 + p),
|
|
658
664
|
.tooltip :global(h5 + p),
|
|
659
665
|
.tooltip :global(h6 + p) {
|
|
660
|
-
font-family: var(--
|
|
661
|
-
text-transform: var(--
|
|
662
|
-
text-decoration: var(--
|
|
663
|
-
--_font-size: var(--
|
|
666
|
+
font-family: var(--tooltip-first-paragraph-font-family, var(--ui-first-paragraph-font-family, var(--tooltip-paragraph-font-family, var(--ui-paragraph-font-family, var(--paragraph-font-family, var(--first-paragraph-font-family, inherit))))));
|
|
667
|
+
text-transform: var(--tooltip-first-paragraph-text-transform, var(--ui-first-paragraph-text-transform, var(--tooltip-paragraph-text-transform, var(--ui-paragraph-text-transform, var(--paragraph-text-transform, var(--first-paragraph-text-transform, inherit))))));
|
|
668
|
+
text-decoration: var(--tooltip-first-paragraph-text-decoration, var(--ui-first-paragraph-text-decoration, var(--tooltip-paragraph-text-decoration, var(--ui-paragraph-text-decoration, var(--paragraph-text-decoration, var(--first-paragraph-text-decoration, inherit))))));
|
|
669
|
+
--_font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, var(--first-paragraph-font-size, inherit))))));
|
|
664
670
|
font-size: var(--_font-size);
|
|
665
|
-
font-weight: var(--
|
|
666
|
-
line-height: var(--
|
|
667
|
-
letter-spacing: var(--
|
|
668
|
-
text-indent: var(--
|
|
669
|
-
font-variant: var(--
|
|
670
|
-
text-align: var(--
|
|
671
|
-
font-size: var(--
|
|
672
|
-
line-height: var(--
|
|
671
|
+
font-weight: var(--tooltip-first-paragraph-font-weight, var(--ui-first-paragraph-font-weight, var(--tooltip-paragraph-font-weight, var(--ui-paragraph-font-weight, var(--paragraph-font-weight, var(--first-paragraph-font-weight, inherit))))));
|
|
672
|
+
line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, var(--first-paragraph-line-height, inherit))))));
|
|
673
|
+
letter-spacing: var(--tooltip-first-paragraph-letter-spacing, var(--ui-first-paragraph-letter-spacing, var(--tooltip-paragraph-letter-spacing, var(--ui-paragraph-letter-spacing, var(--paragraph-letter-spacing, var(--first-paragraph-letter-spacing, inherit))))));
|
|
674
|
+
text-indent: var(--tooltip-first-paragraph-indent, var(--ui-first-paragraph-indent, var(--tooltip-paragraph-indent, var(--ui-paragraph-indent, var(--paragraph-indent, var(--first-paragraph-indent, inherit))))));
|
|
675
|
+
font-variant: var(--tooltip-first-paragraph-font-variant, var(--ui-first-paragraph-font-variant, var(--tooltip-paragraph-font-variant, var(--ui-paragraph-font-variant, var(--paragraph-font-variant, var(--first-paragraph-font-variant, inherit))))));
|
|
676
|
+
text-align: var(--tooltip-first-paragraph-text-align, var(--ui-first-paragraph-text-align, var(--tooltip-paragraph-text-align, var(--ui-paragraph-text-align, var(--paragraph-text-align, var(--first-paragraph-text-align, inherit))))));
|
|
677
|
+
font-size: var(--tooltip-first-paragraph-font-size, var(--ui-first-paragraph-font-size, var(--first-paragraph-font-size, var(--tooltip-paragraph-font-size, var(--ui-paragraph-font-size, var(--paragraph-font-size, inherit))))));
|
|
678
|
+
line-height: var(--tooltip-first-paragraph-line-height, var(--ui-first-paragraph-line-height, var(--first-paragraph-line-height, var(--tooltip-paragraph-line-height, var(--ui-paragraph-line-height, var(--paragraph-line-height, inherit))))));
|
|
673
679
|
margin-block-start: var(--tooltip-first-paragraph-margin-top, var(--ui-first-paragraph-margin-top, var(--first-paragraph-margin-top, 0)));
|
|
674
680
|
}
|
|
675
681
|
|
|
@@ -680,17 +686,17 @@ async function showPopover() {
|
|
|
680
686
|
.tooltip :global(h4 + p::first-line),
|
|
681
687
|
.tooltip :global(h5 + p::first-line),
|
|
682
688
|
.tooltip :global(h6 + p::first-line) {
|
|
683
|
-
font-family: var(--
|
|
684
|
-
text-transform: var(--
|
|
685
|
-
text-decoration: var(--
|
|
686
|
-
--_font-size: var(--
|
|
689
|
+
font-family: var(--first-line-font-family, var(--tooltip-first-line-font-family, var(--ui-first-line-font-family, var(--first-line-font-family, inherit))));
|
|
690
|
+
text-transform: var(--first-line-text-transform, var(--tooltip-first-line-text-transform, var(--ui-first-line-text-transform, var(--first-line-text-transform, inherit))));
|
|
691
|
+
text-decoration: var(--first-line-text-decoration, var(--tooltip-first-line-text-decoration, var(--ui-first-line-text-decoration, var(--first-line-text-decoration, inherit))));
|
|
692
|
+
--_font-size: var(--first-line-font-size, var(--tooltip-first-line-font-size, var(--ui-first-line-font-size, var(--first-line-font-size, inherit))));
|
|
687
693
|
font-size: var(--_font-size);
|
|
688
|
-
font-weight: var(--
|
|
689
|
-
line-height: var(--
|
|
690
|
-
letter-spacing: var(--
|
|
691
|
-
text-indent: var(--
|
|
692
|
-
font-variant: var(--
|
|
693
|
-
text-align: var(--
|
|
694
|
+
font-weight: var(--first-line-font-weight, var(--tooltip-first-line-font-weight, var(--ui-first-line-font-weight, var(--first-line-font-weight, inherit))));
|
|
695
|
+
line-height: var(--first-line-line-height, var(--tooltip-first-line-line-height, var(--ui-first-line-line-height, var(--first-line-line-height, inherit))));
|
|
696
|
+
letter-spacing: var(--first-line-letter-spacing, var(--tooltip-first-line-letter-spacing, var(--ui-first-line-letter-spacing, var(--first-line-letter-spacing, inherit))));
|
|
697
|
+
text-indent: var(--first-line-indent, var(--tooltip-first-line-indent, var(--ui-first-line-indent, var(--first-line-indent, inherit))));
|
|
698
|
+
font-variant: var(--first-line-font-variant, var(--tooltip-first-line-font-variant, var(--ui-first-line-font-variant, var(--first-line-font-variant, inherit))));
|
|
699
|
+
text-align: var(--first-line-text-align, var(--tooltip-first-line-text-align, var(--ui-first-line-text-align, var(--first-line-text-align, inherit))));
|
|
694
700
|
}
|
|
695
701
|
|
|
696
702
|
.tooltip :global(p:first-of-type::first-letter),
|
|
@@ -700,17 +706,17 @@ async function showPopover() {
|
|
|
700
706
|
.tooltip :global(h4 + p::first-letter),
|
|
701
707
|
.tooltip :global(h5 + p::first-letter),
|
|
702
708
|
.tooltip :global(h6 + p::first-letter) {
|
|
703
|
-
font-family: var(--
|
|
704
|
-
text-transform: var(--
|
|
705
|
-
text-decoration: var(--
|
|
706
|
-
--_font-size: var(--
|
|
709
|
+
font-family: var(--first-letter-font-family, var(--tooltip-first-letter-font-family, var(--ui-first-letter-font-family, inherit)));
|
|
710
|
+
text-transform: var(--first-letter-text-transform, var(--tooltip-first-letter-text-transform, var(--ui-first-letter-text-transform, inherit)));
|
|
711
|
+
text-decoration: var(--first-letter-text-decoration, var(--tooltip-first-letter-text-decoration, var(--ui-first-letter-text-decoration, inherit)));
|
|
712
|
+
--_font-size: var(--first-letter-font-size, var(--tooltip-first-letter-font-size, var(--ui-first-letter-font-size, inherit)));
|
|
707
713
|
font-size: var(--_font-size);
|
|
708
|
-
font-weight: var(--
|
|
709
|
-
line-height: var(--
|
|
710
|
-
letter-spacing: var(--
|
|
711
|
-
text-indent: var(--
|
|
712
|
-
font-variant: var(--
|
|
713
|
-
text-align: var(--
|
|
714
|
+
font-weight: var(--first-letter-font-weight, var(--tooltip-first-letter-font-weight, var(--ui-first-letter-font-weight, inherit)));
|
|
715
|
+
line-height: var(--first-letter-line-height, var(--tooltip-first-letter-line-height, var(--ui-first-letter-line-height, inherit)));
|
|
716
|
+
letter-spacing: var(--first-letter-letter-spacing, var(--tooltip-first-letter-letter-spacing, var(--ui-first-letter-letter-spacing, inherit)));
|
|
717
|
+
text-indent: var(--first-letter-indent, var(--tooltip-first-letter-indent, var(--ui-first-letter-indent, inherit)));
|
|
718
|
+
font-variant: var(--first-letter-font-variant, var(--tooltip-first-letter-font-variant, var(--ui-first-letter-font-variant, inherit)));
|
|
719
|
+
text-align: var(--first-letter-text-align, var(--tooltip-first-letter-text-align, var(--ui-first-letter-text-align, inherit)));
|
|
714
720
|
--link-bg: var(--tooltip-link-bg, var(--ui-link-bg, inherit));
|
|
715
721
|
--link-fg: var(--tooltip-link-fg, var(--ui-link-fg, inherit));
|
|
716
722
|
background: var(--tooltip-first-letter-bg, var(--first-letter-bg, inherit));
|