// TODO one o these? // abbr[title]:hover::after, // abbr[title]:focus::after, // abbr[title]:hover::after, // a[title]:focus::after, // a[title]:focus::after, // [title]:focus::after, // [title]:focus::after .tooltip:hover::after, .tooltip:focus::after { background: $text-color; border-radius: 5px; color: white; content: attr(title); font-size: initial; display: inline-block; margin-top: 3rem; padding: 1em; position: absolute; z-index: 1 }