Add tooltip styling

This commit is contained in:
Helen Chong 2024-07-03 17:49:27 +08:00
parent 239aa71b6c
commit e6df496eb7
1 changed files with 13 additions and 0 deletions

View File

@ -128,6 +128,19 @@
p + .adoptables { margin-top: 1em; }
/* Tooltips */
.tooltip { display: none; }
.tipcontainer { position: relative; }
.tipactivator:hover + .tooltip,
.tipactivator:focus + .tooltip {
display: inline-block;
position: absolute;
background-color: var(--clr-quote-bg);
border: 0.15em solid var(--clr-title-border);
padding: 0.25em 0.5em;
}
/* Web button lists */
.web-btn-wrapper {
display: flex;