1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-15 07:43:35 +00:00
Files
browser/libs/components/src/popover/popover.component.css
2025-08-11 15:04:53 -04:00

50 lines
1.3 KiB
CSS

.bit-popover-arrow {
@apply tw-absolute tw-z-10 tw-size-4 tw-rotate-45 tw-bg-primary-100 tw-shadow-lg;
}
.bit-popover-right .bit-popover-arrow {
@apply tw-left-1 -tw-translate-x-3/4 tw-rounded-bl-sm;
}
.bit-popover-left .bit-popover-arrow {
@apply tw-right-1 tw-translate-x-3/4 tw-rounded-tr-sm;
}
.bit-popover-right-start .bit-popover-arrow,
.bit-popover-left-start .bit-popover-arrow {
@apply tw-top-6 -tw-translate-y-1/2;
}
.bit-popover-right-center .bit-popover-arrow,
.bit-popover-left-center .bit-popover-arrow {
@apply tw-top-1/2 -tw-translate-y-1/2;
}
.bit-popover-right-end .bit-popover-arrow,
.bit-popover-left-end .bit-popover-arrow {
@apply tw-bottom-6 tw-translate-y-1/2;
}
.bit-popover-below .bit-popover-arrow {
@apply tw-top-1 -tw-translate-y-3/4 tw-rounded-tl-sm;
}
.bit-popover-above .bit-popover-arrow {
@apply tw-bottom-1 tw-translate-y-3/4 tw-rounded-br-sm;
}
.bit-popover-below-start .bit-popover-arrow,
.bit-popover-above-start .bit-popover-arrow {
@apply tw-left-6 -tw-translate-x-1/2;
}
.bit-popover-below-center .bit-popover-arrow,
.bit-popover-above-center .bit-popover-arrow {
@apply tw-left-1/2 -tw-translate-x-1/2;
}
.bit-popover-below-end .bit-popover-arrow,
.bit-popover-above-end .bit-popover-arrow {
@apply tw-right-6 tw-translate-x-1/2;
}