111 lines
2.2 KiB
CSS
111 lines
2.2 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@utility container {
|
|
margin-inline: auto;
|
|
@media (width >= --theme(--breakpoint-sm)) {
|
|
max-width: none;
|
|
}
|
|
@media (width >= 640px) {
|
|
max-width: 640px;
|
|
}
|
|
@media (width >= 640px) {
|
|
max-width: 640px;
|
|
}
|
|
@media (width >= 760px) {
|
|
max-width: 760px;
|
|
}
|
|
@media (width >= 960px) {
|
|
max-width: 960px;
|
|
}
|
|
@media (width >= 1180px) {
|
|
max-width: 1180px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
The default border color has changed to `currentcolor` in Tailwind CSS v4,
|
|
so we've added these compatibility styles to make sure everything still
|
|
looks the same as it did with Tailwind CSS v3.
|
|
|
|
If we ever want to remove these styles, we need to add an explicit border
|
|
color utility to any element that depends on these defaults.
|
|
*/
|
|
@layer base {
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--color-gray-200, currentcolor);
|
|
}
|
|
}
|
|
|
|
@utility flow {
|
|
& > * + * {
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
src:
|
|
url('/fonts/Inter.woff2') format('woff2 supports variations'),
|
|
url('/fonts/Inter.woff2') format('woff2-variations');
|
|
font-weight: 400 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
src:
|
|
url('/fonts/Inter-Italic.woff2') format('woff2 supports variations'),
|
|
url('/fonts/Inter-Italic.woff2') format('woff2-variations');
|
|
font-weight: 400 700;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
body {
|
|
font-family:
|
|
'Inter',
|
|
system-ui,
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
'Segoe UI',
|
|
Roboto,
|
|
Oxygen,
|
|
Ubuntu,
|
|
Cantarell,
|
|
'Open Sans',
|
|
'Helvetica Neue',
|
|
sans-serif;
|
|
font-weight: 300;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
.link,
|
|
.content a {
|
|
color: var(--color-emerald-500);
|
|
text-decoration: none;
|
|
text-underline-offset: .25rem;
|
|
|
|
&:hover {
|
|
color: var(--color-emerald-300);
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
@theme {
|
|
--color-body: var(--color-slate-50);
|
|
--color-background: var(--color-slate-950);
|
|
--color-primary: var(--color-emerald-500)
|
|
}
|
|
|
|
@utility container {
|
|
padding-inline: 1rem;
|
|
margin-inline: auto;
|
|
} |