2025-01-23 18:48:20 +00:00
|
|
|
@import "tailwindcss";
|
|
|
|
@plugin "@tailwindcss/typography";
|
2024-12-23 21:18:55 +00:00
|
|
|
|
2025-01-23 18:48:20 +00:00
|
|
|
@theme inline {
|
2025-05-05 19:29:23 +01:00
|
|
|
--font-sans: var(--font-outfit);
|
|
|
|
--font-mono: var(--font-red-hat-mono);
|
|
|
|
|
2025-01-23 18:48:20 +00:00
|
|
|
--color-primary: var(--primary);
|
|
|
|
--color-secondary: var(--secondary);
|
|
|
|
--color-tertiary: var(--tertiary);
|
2025-02-13 16:55:09 +00:00
|
|
|
|
|
|
|
--color-button: var(--button);
|
|
|
|
--color-button-active: var(--button-active);
|
2025-01-23 18:48:20 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@theme {
|
|
|
|
--animate-reveal: reveal 0.3s forwards ease-in-out;
|
2025-01-27 11:44:27 +00:00
|
|
|
|
2025-01-23 18:48:20 +00:00
|
|
|
@keyframes reveal {
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translateY(20px);
|
|
|
|
filter: blur(4px);
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translateY(0px);
|
|
|
|
filter: blur(0px);
|
|
|
|
}
|
2024-12-23 21:18:55 +00:00
|
|
|
}
|
|
|
|
}
|
2025-01-11 14:03:13 +00:00
|
|
|
|
2025-01-23 18:48:20 +00:00
|
|
|
:root {
|
2025-02-07 10:42:51 +00:00
|
|
|
color-scheme: light dark;
|
|
|
|
--primary: light-dark(var(--color-neutral-50), var(--color-black));
|
|
|
|
--secondary: light-dark(var(--color-neutral-950), var(--color-neutral-50));
|
|
|
|
--tertiary: light-dark(var(--color-neutral-500), var(--color-neutral-500));
|
2025-02-13 16:55:09 +00:00
|
|
|
|
2025-02-16 18:17:29 +00:00
|
|
|
--button: light-dark(var(--color-neutral-200), var(--color-neutral-800));
|
|
|
|
--button-active: light-dark(
|
|
|
|
var(--color-neutral-300),
|
|
|
|
var(--color-neutral-700)
|
|
|
|
);
|
2025-01-23 18:48:20 +00:00
|
|
|
}
|
|
|
|
|
2025-01-18 21:50:40 +00:00
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
.astro-code,
|
|
|
|
.astro-code span {
|
|
|
|
color: var(--shiki-dark) !important;
|
|
|
|
background-color: var(--shiki-dark-bg) !important;
|
|
|
|
font-style: var(--shiki-dark-font-style) !important;
|
|
|
|
font-weight: var(--shiki-dark-font-weight) !important;
|
|
|
|
text-decoration: var(--shiki-dark-text-decoration) !important;
|
|
|
|
}
|
|
|
|
}
|
2025-05-29 23:29:45 +01:00
|
|
|
|
|
|
|
@layer utilities {
|
|
|
|
.underline {
|
|
|
|
@apply underline decoration-2 underline-offset-2;
|
|
|
|
}
|
|
|
|
}
|