analytics/assets/css/tooltip.css
Artur Pata e2456ee215 Update assets dev dependencies
* Removes outdated precommit scripts
* Updates eslint, prettier, stylelint and their configurations: turns on plugins that were installed but off
* Fixes stylelint errors
* Applies prettier to css files
* Fixes new eslint errors
* Updates lint script to include both stylelint and eslint
2024-08-12 09:39:25 +03:00

46 lines
826 B
CSS

/* @format */
[tooltip] {
position: relative;
display: inline-block;
}
[tooltip]::before {
transition: 0.3s;
content: '';
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
border-width: 4px 6px 0;
border-style: solid;
border-color: rgba(25 30 56) transparent transparent;
z-index: 99;
opacity: 0;
}
[tooltip]::after {
transition: 0.3s;
white-space: nowrap;
content: attr(tooltip);
position: absolute;
left: 50%;
top: -6px;
transform: translateX(-50%) translateY(-100%);
background: rgba(25 30 56);
text-align: center;
color: #fff;
font-size: 0.875rem;
min-width: 80px;
max-width: 420px;
border-radius: 3px;
pointer-events: none;
padding: 4px 8px;
z-index: 99;
opacity: 0;
}
[tooltip]:hover::after,
[tooltip]:hover::before {
opacity: 1;
}