mygeno-popperjs
Version:
VueJS popover
1 lines • 1.25 kB
CSS
.popper{width:auto;color:#212121;text-align:center;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:400;border:1px #ebebeb solid;z-index:200000}.popper .popper__arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px}.popper[x-placement^=top]{padding-bottom:10px;margin-bottom:-3px}.popper[x-placement^=top] .popper__arrow{border-width:10px 8px 0 8px;border-color:#fafafa transparent transparent transparent;left:calc(50% - 8px);margin-top:0;margin-bottom:0}.popper[x-placement^=bottom]{padding-top:10px;margin-top:-3px}.popper[x-placement^=bottom] .popper__arrow{border-width:0 8px 10px 8px;border-color:transparent transparent #fafafa transparent;top:0;left:calc(50% - 8px);margin-top:0;margin-bottom:0}.popper[x-placement^=right]{padding-left:10px;margin-left:-3px}.popper[x-placement^=right] .popper__arrow{border-width:8px 10px 8px 0;border-color:transparent #fafafa transparent transparent;left:0;top:calc(50% - 8px);margin-left:0;margin-right:0}.popper[x-placement^=left]{padding-right:10px;margin-right:-3px}.popper[x-placement^=left] .popper__arrow{border-width:8px 0 8px 10px;border-color:transparent transparent transparent #fafafa;right:0;top:calc(50% - 8px);margin-left:0;margin-right:0}