@bee-design/ui
Version:
Bee Design React UI Library.
1 lines • 1.33 kB
CSS
.bee-trigger{position:absolute;z-index:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bee-trigger-arrow{background-color:var(--bee-color-bg-5);content:'';height:8px;width:8px;position:absolute;display:block;box-sizing:border-box;transform:rotate(45deg);transform-origin:50% 50% 0;z-index:-1}.bee-trigger[trigger-placement=tl] .bee-trigger-arrow,.bee-trigger[trigger-placement=top] .bee-trigger-arrow,.bee-trigger[trigger-placement=tr] .bee-trigger-arrow{bottom:-4px;margin-left:-4px;border-top:none;border-left:none;border-bottom-right-radius:2px}.bee-trigger[trigger-placement=bl] .bee-trigger-arrow,.bee-trigger[trigger-placement=bottom] .bee-trigger-arrow,.bee-trigger[trigger-placement=br] .bee-trigger-arrow{top:-4px;margin-left:-4px;border-bottom:none;border-right:none;border-top-left-radius:2px}.bee-trigger[trigger-placement=lb] .bee-trigger-arrow,.bee-trigger[trigger-placement=left] .bee-trigger-arrow,.bee-trigger[trigger-placement=lt] .bee-trigger-arrow{right:-4px;margin-top:-4px;border-left:none;border-bottom:none;border-top-right-radius:2px}.bee-trigger[trigger-placement=rb] .bee-trigger-arrow,.bee-trigger[trigger-placement=right] .bee-trigger-arrow,.bee-trigger[trigger-placement=rt] .bee-trigger-arrow{left:-4px;margin-top:-4px;border-top:none;border-right:none;border-bottom-left-radius:2px}