Files

62 lines
1.1 KiB
CSS
Raw Permalink Normal View History

2024-05-24 15:59:09 -03:00
@font-face {
font-family: Inter;
src: url(inter.woff2);
}
@font-face {
font-family: Cal Sans;
src: url(cal-sans.woff2);
}
@font-face {
font-family: Fira Code;
src: url(fira-code.woff2);
}
@keyframes anim-in {
from {
opacity: var(--anim-fade-from, 1);
transform:
2024-05-28 19:17:38 -03:00
translateY(var(--anim-slide-from-y, 0)) translateX(var(--anim-slide-from-x, 0));
2024-05-24 15:59:09 -03:00
}
2024-05-28 19:17:38 -03:00
2024-05-24 15:59:09 -03:00
to {
opacity: var(--anim-fade-to, 1);
transform:
2024-05-28 19:17:38 -03:00
translateY(var(--anim-slide-to-y, 0)) translateX(var(--anim-slide-to-x, 0));
2024-05-24 15:59:09 -03:00
}
}
2024-05-29 16:17:01 -03:00
@media (hover: hover) {
.cannot-hover {
display: none;
}
}
@media not all and (hover: hover) {
.can-hover {
display: none;
}
}
2024-05-24 15:59:09 -03:00
.animate {
animation-name: anim-in;
animation-delay: calc(var(--anim-delay, 0) * var(--anim-stagger, 1) * var(--start, 1));
animation-duration: var(--anim-duration, 1s);
animation-fill-mode: var(--anim--fill-mode, forwards);
animation-iteration-count: var(--anim-iter-count, 1);
animation-timing-function: var(--anim-timing, ease-in-out);
}
.fade-in {
--anim-fade-from: 0;
}
.slide-from-b {
--anim-slide-from-y: 1.7rem;
}
2024-05-28 19:17:38 -03:00
.slide-from-r {
--anim-slide-from-x: 1.7rem;
}