style(tooltips): color styling

This commit is contained in:
Sarah Vaupel 2019-10-01 14:37:17 +02:00
parent 3b0e1d570d
commit e1b7170259

View File

@ -10,7 +10,7 @@
}
.tooltip__handle {
color: var(--color-dark);
color: var(--color-light);
height: 1.5rem;
width: 1.5rem;
line-height: 1.5rem;
@ -31,12 +31,34 @@
font-size: 15px;
}
&.tooltip__handle--danger {
&.tooltip__handle.urgency__info {
color: var(--color-info);
}
&.tooltip__handle.urgency__success {
color: var(--color-success);
}
&.tooltip__handle.urgency__warning {
color: var(--color-warning);
}
&.tooltip__handle.urgency__error {
color: var(--color-error);
}
&:hover {
color: var(--color-light);
color: var(--color-dark);
&.tooltip__handle.urgency__info {
color: var(--color-info-dark);
}
&.tooltip__handle.urgency__success {
color: var(--color-success-dark);
}
&.tooltip__handle.urgency__warning {
color: var(--color-warning-dark);
}
&.tooltip__handle.urgency__error {
color: var(--color-error-dark);
}
}
}