-
Notifications
You must be signed in to change notification settings - Fork 0
/
fooltips.min.css
5 lines (5 loc) · 3.8 KB
/
fooltips.min.css
1
2
3
4
5
/*!
* funkcss tooltip • v0.4.0
* MIT License
* github.com/filipelinhares/fooltips
*/[data-tooltip]{position:relative}[data-tooltip]:after{padding:5px 8px;padding:var(--tooltip-padding);font-size:.7rem;font-size:var(--tooltip-font-size);color:#fff;color:var(--tooltip-color);text-align:center;word-wrap:break-word;white-space:pre;content:attr(aria-label);content:attr(var(--tooltip-content));background-color:rgba(0,0,0,.8);background-color:var(--tooltip-background-color);border-radius:4px;border-radius:var(--tooltip-border-radius);-webkit-font-smoothing:subpixel-antialiased}[data-tooltip]:after,[data-tooltip]:before{position:absolute;z-index:9000;z-index:var(--tooltip-zIndex);opacity:0;visibility:hidden;pointer-events:none}[data-tooltip]:before{width:0;height:0;color:rgba(0,0,0,.8);color:var(--tooltip-background-color);content:"";border:5px solid transparent}[data-tooltip]:after,[data-tooltip]:before{transition:all .3s}[data-tooltip]:active:after,[data-tooltip]:active:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible;text-decoration:none}[data-tooltip-multiline]:active:after,[data-tooltip-multiline]:focus:after,[data-tooltip-multiline]:hover:after{display:table-cell}.is-tooltiped:after,.is-tooltiped:before,[data-is-tooltiped]:after,[data-is-tooltiped]:before{display:inline-block;opacity:1;visibility:visible}.is-tooltiped.tooltip-multiline:after,[data-is-tooltiped].tooltip-multiline:after{display:table-cell}[data-tooltip=bottom-left]:after,[data-tooltip=bottom-right]:after,[data-tooltip=bottom]:after{top:100%;right:50%;margin-top:5px}[data-tooltip=bottom-left]:before,[data-tooltip=bottom-right]:before,[data-tooltip=bottom]:before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8);border-bottom-color:var(--tooltip-background-color)}[data-tooltip=bottom-right]:after{right:auto;left:50%;margin-left:-15px}[data-tooltip=bottom-left]:after{margin-right:-15px}[data-tooltip=top-left]:after,[data-tooltip=top-right]:after,[data-tooltip=top]:after{right:50%;bottom:100%;margin-bottom:5px}[data-tooltip=top-left]:before,[data-tooltip=top-right]:before,[data-tooltip=top]:before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8);border-top-color:var(--tooltip-background-color)}[data-tooltip=top-right]:after{right:auto;left:50%;margin-left:-15px}[data-tooltip=top-left]:after{margin-right:-15px}[data-tooltip=bottom]:after,[data-tooltip=top]:after{transform:translateX(50%)}[data-tooltip=left]:after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}[data-tooltip=left]:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8);border-left-color:var(--tooltip-background-color)}[data-tooltip=right]:after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}[data-tooltip=right]:before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8);border-right-color:var(--tooltip-background-color)}[data-tooltip-multiline]:after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;max-width:var(--multiline-max-width);word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate}[data-tooltip-multiline][data-tooltip=bottom]:after,[data-tooltip-multiline][data-tooltip=top]:after{right:auto;left:50%;transform:translateX(-50%)}[data-tooltip-multiline][data-tooltip=left]:after,[data-tooltip-multiline][data-tooltip=right]:after{right:100%}@media screen and (min-width:0\0){[data-tooltip-multiline]:after{width:250px;width:var(--multiline-max-width)}}:root{--multiline-max-width:250px;--tooltip-background-color:rgba(0,0,0,0.8);--tooltip-color:#fff;--tooltip-padding:5px 8px;--tooltip-border-radius:4px;--tooltip-font-size:0.7rem;--tooltip-zIndex:9000;--tooltip-content:aria-label}