mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-10-04 02:33:47 +10:00
28 lines
838 B
CSS
28 lines
838 B
CSS
@import "@reactive-resume/ui/globals.css";
|
|
|
|
@keyframes agent-prompt-marquee {
|
|
to {
|
|
transform: translateX(-33.333%);
|
|
}
|
|
}
|
|
|
|
/* Check's score ring: the arc eases to a new score, so a fix visibly counts. */
|
|
@property --ring-value {
|
|
syntax: "<percentage>";
|
|
inherits: false;
|
|
initial-value: 0%;
|
|
}
|
|
|
|
@utility score-ring {
|
|
background: conic-gradient(var(--ring-color) 0 var(--ring-value), var(--sunken) 0);
|
|
transition: --ring-value var(--d3) var(--ease);
|
|
}
|
|
|
|
/* A wavy warn underline under a line of the page that has a Check issue. */
|
|
@utility wavy-underline {
|
|
background-color: var(--warn);
|
|
mask:
|
|
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4'%3E%3Cpath d='M0 3 Q1.5 0 3 3 T6 3' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E")
|
|
repeat-x left center / 6px 4px;
|
|
}
|