finxol.io
A very simple bookmarking webapp
pinboard.ing/
1[data-tooltip] {
2 position: relative;
3
4 &::after {
5 content: attr(data-tooltip);
6 position: absolute;
7 top: 120%;
8 transform: translateY(-5px);
9 background-color: var(--primary-text);
10 color: var(--page-bg);
11 padding: 5px 10px;
12 border-radius: 4px;
13 font-size: 0.75rem;
14 white-space: nowrap;
15 z-index: 1000;
16 opacity: 0;
17 transition: all 0.2s ease;
18 pointer-events: none;
19 }
20
21 &:hover::after {
22 opacity: 1;
23 transform: translateY(0);
24 }
25}