boundless-popover
Version:
A non-blocking container positioned to a specific anchor element.
47 lines • 4 kB
CSS
.b-popover {
align-items: flex-start;
display: flex;
flex-direction: column;
}
.b-popover .b-dialog {
background: #fff;
border: 1px solid #e6e6e6;
box-shadow: 1px 2px 3px transparent;
color: #111;
}
.b-popover-caret {
position: relative;
transform-origin: center;
height: 16px;
width: 16px;
}
.b-popover-caret-border {
fill: #e6e6e6;
}
.b-popover-caret-fill {
fill: #fff;
}
.b-popover-anchor-y-start.b-popover-self-y-end .b-popover-caret {
margin-top: -3px;
order: 2;
transform: rotate(180deg);
}
.b-popover-anchor-y-end.b-popover-self-y-start .b-popover-caret {
margin-bottom: -3px;
}
.b-popover-anchor-x-start.b-popover-self-x-end {
flex-direction: row;
}
.b-popover-anchor-x-start.b-popover-self-x-end .b-popover-caret {
margin-left: -3px;
order: 2;
transform: rotate(90deg);
}
.b-popover-anchor-x-end.b-popover-self-x-start {
flex-direction: row;
}
.b-popover-anchor-x-end.b-popover-self-x-start .b-popover-caret {
margin-right: -3px;
transform: rotate(-90deg);
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhY2thZ2VzL2JvdW5kbGVzcy1wb3BvdmVyL3N0eWxlLnN0eWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV0E7RUFDSSxhQUFhLFdBQWI7RUFDQSxTQUFTLEtBQVQ7RUFDQSxnQkFBZ0IsT0FBaEI7O0FBRUE7RUFDSSxZQUFZLEtBQVo7RUFDQSxRQUFRLGtCQUFSO0VBQ0EsWUFBWSx3QkFBWjtFQUNBLE9BQU8sS0FBUDs7QUFJUjtFQUNJLFVBQVUsU0FBVjtFQUNBLGtCQUFrQixPQUFsQjtFQUNBLFFBQVEsS0FBUjtFQUNBLE9BQU8sS0FBUDs7QUFHSjtFQUNJLE1BQU0sUUFBTjs7QUFHSjtFQUNJLE1BQU0sS0FBTjs7QUFLQTtFQUNJLFlBQVksS0FBWjtFQUNBLE9BQU8sRUFBUDtFQUNBLFdBQXdCLGVBQXhCOztBQU1KO0VBQ0ksZUFBZSxLQUFmOztBQUtSO0VBQ0ksZ0JBQWdCLElBQWhCOztBQUVBO0VBQ0ksYUFBYSxLQUFiO0VBQ0EsT0FBTyxFQUFQO0VBQ0EsV0FBdUIsY0FBdkI7O0FBS1I7RUFDSSxnQkFBZ0IsSUFBaEI7O0FBRUE7RUFDSSxjQUFjLEtBQWQ7RUFDQSxXQUF3QixlQUF4QiIsImZpbGUiOiJzdHlsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAcmVxdWlyZSBcInZhcmlhYmxlc1wiXG5cbnVubGVzcyBmbGF0LWJ1aWxkIHtcbiAgICBAcmVxdWlyZSBcIm5vZGVfbW9kdWxlcy9ib3VuZGxlc3MtZGlhbG9nL3N0eWxlXCJcbn1cblxuLy8gU2tpbi1zcGVjaWZpYyBzdHlsZXMgZ28gaGVyZS4gRGVtby1zcGVjaWZpYyBzdHlsZXMgZ28gaW4gZGVtby9zdHlsZS5zdHlsLlxuXG5jYXJldC1zaXplID0gMTZweFxuY2FyZXQtYWRqdXN0bWVudCA9IC0zcHhcblxuLmItcG9wb3ZlciB7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgLmItZGlhbG9nIHtcbiAgICAgICAgYmFja2dyb3VuZDogUG9wb3Zlci1iYWNrZ3JvdW5kQ29sb3I7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIFBvcG92ZXItYm9yZGVyQ29sb3I7XG4gICAgICAgIGJveC1zaGFkb3c6IDFweCAycHggM3B4IFBvcG92ZXItYm94U2hhZG93Q29sb3I7XG4gICAgICAgIGNvbG9yOiBQb3BvdmVyLWNvbG9yO1xuICAgIH1cbn1cblxuLmItcG9wb3Zlci1jYXJldCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjtcbiAgICBoZWlnaHQ6IFBvcG92ZXItY2FyZXQtaGVpZ2h0O1xuICAgIHdpZHRoOiBQb3BvdmVyLWNhcmV0LXdpZHRoO1xufVxuXG4uYi1wb3BvdmVyLWNhcmV0LWJvcmRlciB7XG4gICAgZmlsbDogUG9wb3Zlci1jYXJldC1ib3JkZXJDb2xvcjtcbn1cblxuLmItcG9wb3Zlci1jYXJldC1maWxsIHtcbiAgICBmaWxsOiBQb3BvdmVyLWNhcmV0LWJhY2tncm91bmRDb2xvcjtcbn1cblxuLy8gYWJvdmUgdGhlIGFuY2hvclxuLmItcG9wb3Zlci1hbmNob3IteS1zdGFydC5iLXBvcG92ZXItc2VsZi15LWVuZCB7XG4gICAgLmItcG9wb3Zlci1jYXJldCB7XG4gICAgICAgIG1hcmdpbi10b3A6IGNhcmV0LWFkanVzdG1lbnQ7XG4gICAgICAgIG9yZGVyOiAyO1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbn1cblxuLy8gYmVsb3cgdGhlIGFuY2hvclxuLmItcG9wb3Zlci1hbmNob3IteS1lbmQuYi1wb3BvdmVyLXNlbGYteS1zdGFydCB7XG4gICAgLmItcG9wb3Zlci1jYXJldCB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IGNhcmV0LWFkanVzdG1lbnQ7XG4gICAgfVxufVxuXG4vLyBsZWZ0IG9mIHRoZSBhbmNob3Jcbi5iLXBvcG92ZXItYW5jaG9yLXgtc3RhcnQuYi1wb3BvdmVyLXNlbGYteC1lbmQge1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAuYi1wb3BvdmVyLWNhcmV0IHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IGNhcmV0LWFkanVzdG1lbnQ7XG4gICAgICAgIG9yZGVyOiAyO1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgfVxufVxuXG4vLyByaWdodCBvZiB0aGUgYW5jaG9yXG4uYi1wb3BvdmVyLWFuY2hvci14LWVuZC5iLXBvcG92ZXItc2VsZi14LXN0YXJ0IHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgLmItcG9wb3Zlci1jYXJldCB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogY2FyZXQtYWRqdXN0bWVudDtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG59XG4iXX0= */