style(tooltips): color styling
This commit is contained in:
parent
3b0e1d570d
commit
e1b7170259
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user