mirror of
https://github.com/wagtail/wagtail.git
synced 2024-12-01 11:41:20 +01:00
46 lines
1.1 KiB
SCSS
46 lines
1.1 KiB
SCSS
@import '../../../node_modules/tippy.js/dist/tippy';
|
|
|
|
.tippy-box {
|
|
// Special font size 12px for tooltips
|
|
@apply w-bg-surface-tooltip w-text-text-button w-text-[0.75rem] w-rounded-sm w-font-medium;
|
|
}
|
|
|
|
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
|
|
@apply w-border-t-surface-tooltip;
|
|
}
|
|
|
|
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
|
|
@apply w-border-b-surface-tooltip;
|
|
}
|
|
|
|
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
|
|
@apply w-border-l-surface-tooltip;
|
|
}
|
|
|
|
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
|
|
@apply w-border-r-surface-tooltip;
|
|
}
|
|
|
|
// Dropdown theme for tippy tooltips
|
|
.tippy-box[data-theme='dropdown'] {
|
|
@apply w-rounded;
|
|
|
|
.tippy-content {
|
|
@apply w-p-0;
|
|
}
|
|
}
|
|
|
|
// Media for Windows High Contrast mode
|
|
@media (forced-colors: active) {
|
|
.tippy-box[data-theme='dropdown'] {
|
|
.tippy-content {
|
|
border: 2px solid transparent;
|
|
}
|
|
}
|
|
|
|
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
|
|
@apply w-border-b-surface-tooltip;
|
|
clip-path: polygon(50% 0, 0 100%, 100% 100%);
|
|
}
|
|
}
|