@arco-design/web-react
Version:
Arco Design React UI Library.
1 lines • 1.75 kB
CSS
.arco-trigger{position:absolute;z-index:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden}.arco-trigger-arrow{background-color:var(--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}.arco-trigger[trigger-placement=tl]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=top]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=tr]>.arco-trigger-arrow-container .arco-trigger-arrow{bottom:-4px;margin-left:-4px;border-top:none;border-left:none;border-bottom-right-radius:2px}.arco-trigger[trigger-placement=bl]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=bottom]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=br]>.arco-trigger-arrow-container .arco-trigger-arrow{top:-4px;margin-left:-4px;border-bottom:none;border-right:none;border-top-left-radius:2px}.arco-trigger[trigger-placement=lb]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=left]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=lt]>.arco-trigger-arrow-container .arco-trigger-arrow{right:-4px;margin-top:-4px;border-left:none;border-bottom:none;border-top-right-radius:2px}.arco-trigger[trigger-placement=rb]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=right]>.arco-trigger-arrow-container .arco-trigger-arrow,.arco-trigger[trigger-placement=rt]>.arco-trigger-arrow-container .arco-trigger-arrow{left:-4px;margin-top:-4px;border-top:none;border-right:none;border-bottom-left-radius:2px}.arco-trigger-rtl{direction:rtl}