mirror of
https://github.com/wagtail/wagtail.git
synced 2024-11-29 17:36:49 +01:00
46 lines
1.0 KiB
SCSS
46 lines
1.0 KiB
SCSS
@import '../../../node_modules/tippy.js/dist/tippy';
|
|
|
|
.tippy-box {
|
|
// Special font size 12px for tooltips
|
|
@apply w-bg-primary w-text-white w-text-[0.75rem] w-rounded-sm w-font-medium;
|
|
}
|
|
|
|
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
|
|
@apply w-border-t-primary;
|
|
}
|
|
|
|
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
|
|
@apply w-border-b-primary;
|
|
}
|
|
|
|
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
|
|
@apply w-border-l-primary;
|
|
}
|
|
|
|
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
|
|
@apply w-border-r-primary;
|
|
}
|
|
|
|
// 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: $media-forced-colours) {
|
|
.tippy-box[data-theme='dropdown'] {
|
|
.tippy-content {
|
|
border: 2px solid transparent;
|
|
}
|
|
}
|
|
|
|
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
|
|
@apply w-border-b-primary;
|
|
clip-path: polygon(50% 0, 0 100%, 100% 100%);
|
|
}
|
|
}
|