made tooltip-styles globally available

This commit is contained in:
Felix Hamann 2018-08-02 21:34:52 +02:00
parent 6f75b90108
commit 3cadf224af

View File

@ -2,7 +2,12 @@
position: relative; position: relative;
display: inline-block; display: inline-block;
.tooltip__handle { .hidden {
display: none;
}
}
.tooltip__handle {
background-color: var(--color-dark); background-color: var(--color-dark);
border-radius: 50%; border-radius: 50%;
height: 1.5rem; height: 1.5rem;
@ -14,9 +19,9 @@
text-align: center; text-align: center;
cursor: default; cursor: default;
margin: 0 10px; margin: 0 10px;
} }
.tooltip__content { .tooltip__content {
position: absolute; position: absolute;
top: -10px; top: -10px;
transform: translateY(-100%); transform: translateY(-100%);
@ -48,11 +53,6 @@
left: 10px; left: 10px;
bottom: -8px; bottom: -8px;
} }
}
.hidden {
display: none;
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {