Files
FloatingIsland/app/assets/css/main.css

32 lines
633 B
CSS

@import "tailwindcss";
@layer base {
:root {
--font-family: "Nunito Variable", "Helvatica", sans-serif;
}
}
@plugin "@tailwindcss/typography";
@import "@fontsource-variable/nunito";
@import "@mdi/font/css/materialdesignicons.css";
@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);
html,
body {
font-family: var(--font-family);
background-color: rgba(var(--v-theme-background), 1);
}
.page-enter-active,
.page-leave-active {
transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
filter: blur(1rem);
}