51 lines
794 B
CSS
51 lines
794 B
CSS
tooltip {
|
|
border: #474747 solid 1px;
|
|
border-radius: 0.75rem;
|
|
background-color: alpha(#fff, 0.05);
|
|
}
|
|
|
|
@keyframes tooltipShow {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
tooltip > * {
|
|
padding: 3px 10px;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
menu {
|
|
border: #474747 solid 1px;
|
|
border-radius: 0.75rem;
|
|
transition: all 100ms ease-in-out;
|
|
background-color: alpha(#fff, 0.05);
|
|
}
|
|
|
|
menu > menuitem {
|
|
padding: 5px 10px;
|
|
margin: 1px 2px;
|
|
font-size: 13px;
|
|
border-bottom: #474747 solid 1px;
|
|
}
|
|
|
|
menu > menuitem:last-child {
|
|
border-bottom: none;
|
|
}
|
|
menu > menuitem:hover {
|
|
transition: all 20ms ease-in-out;
|
|
font-size: 13px;
|
|
border-radius: 4px;
|
|
color: #222;
|
|
background-color: alpha(#2369ff, 1);
|
|
}
|
|
|
|
menu > menuitem:hover > label {
|
|
color: #fff;
|
|
font-weight: 400;
|
|
}
|