2018-07-05 15:33:49 +00:00
|
|
|
.Rule-value {
|
|
|
|
|
font-size: 105%;
|
2018-11-20 19:00:08 +01:00
|
|
|
position: relative;
|
2018-07-05 15:33:49 +00:00
|
|
|
}
|
|
|
|
|
|
2018-11-20 19:00:08 +01:00
|
|
|
.evaporate {
|
2018-07-05 15:33:49 +00:00
|
|
|
display: none;
|
2018-11-20 19:00:08 +01:00
|
|
|
font-size: 80%;
|
|
|
|
|
/* text-shadow: 0 0 2px var(--colour); */
|
|
|
|
|
}
|
|
|
|
|
.evaporate-enter {
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: -20px;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
animation: evaporate 1.3s ease-out;
|
|
|
|
|
}
|
|
|
|
|
@keyframes evaporate {
|
|
|
|
|
50% {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
transform: translateY(-15px);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
2018-07-05 15:33:49 +00:00
|
|
|
}
|
