Files
docker-docs/assets/css/style.css
David Karlsson f929b8f1ed site: implement pagefind component ui for search modal
- Add pagefind-component-ui.css and .js assets
- Replace search bar with custom button that opens modal
- Add custom result template with Tailwind classes
- Add dark mode styling for modal and result highlights
- Support Cmd/Ctrl+K keyboard shortcut

Assisted-By: cagent
2026-02-09 15:43:37 +01:00

48 lines
1.3 KiB
CSS

/* Main CSS entry point */
@import "tailwindcss";
@plugin "@tailwindcss/typography";
@source "hugo_stats.json";
@font-face {
font-family: "Roboto Flex";
src: url("/assets/fonts/RobotoFlex.woff2") format("woff2");
font-weight: 100 1000; /* Range of weights Roboto Flex supports */
font-stretch: 100%; /* Range of width Roboto Flex supports */
font-style: oblique 0deg 10deg; /* Range of oblique angle Roboto Flex supports */
font-display: fallback;
}
/* Roboto Mono */
@font-face {
font-family: "Roboto Mono";
src: url("/assets/fonts/RobotoMono-Regular.woff2") format("woff2");
font-weight: 100 700; /* Define the range of weight the variable font supports */
font-style: normal;
font-display: fallback;
}
/* Roboto Mono Italic */
@font-face {
font-family: "Roboto Mono";
src: url("/assets/fonts/RobotoMono-Italic.woff2") format("woff2");
font-weight: 100 700; /* Define the range of weight the variable font supports */
font-style: italic;
font-display: fallback;
}
@layer theme {
@import "theme.css";
}
@layer base {
@import "global.css";
}
@import "utilities.css";
@import "pagefind.css";
@import "syntax-dark.css";
@import "syntax-light.css";
@import "components.css";
@import "highlight-github-dark.css";
@variant dark (&:where(.dark, .dark *));