From b800cd70777a692ddd856f2c35af9e88814e4465 Mon Sep 17 00:00:00 2001 From: Youwen Wu Date: Wed, 3 Apr 2024 14:54:51 -0700 Subject: [PATCH] fix: katex formatting and logo styles --- src/lib/app.css | 19 ++++++++++++++++- src/lib/assets/Coredump.svelte | 3 ++- src/lib/components/Footer.svelte | 1 - src/lib/components/Navbar/Drawer.svelte | 0 src/lib/components/Socials.svelte | 4 ++-- src/lib/components/UnderConstruction.svelte | 2 +- src/lib/styles/katex.min.css | 2 +- src/routes/+page.svelte | 23 ++++----------------- 8 files changed, 28 insertions(+), 26 deletions(-) create mode 100644 src/lib/components/Navbar/Drawer.svelte diff --git a/src/lib/app.css b/src/lib/app.css index f59e2ad..e01b749 100644 --- a/src/lib/app.css +++ b/src/lib/app.css @@ -34,6 +34,8 @@ --ring: 240 10% 3.9%; --radius: 0.5rem; + + --cursor-color: theme('colors.foreground'); } .dark { @@ -75,7 +77,22 @@ body { @apply bg-background text-foreground; } - .text-link { +} + +@layer components { + .dots-background { + --dot-bg: theme('colors.background'); + --dot-color: theme('colors.foreground'); + --dot-size: 1px; + --dot-space: 22px; + background: + linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) + center / var(--dot-space) var(--dot-space), + linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / + var(--dot-space) var(--dot-space), + var(--dot-color); + } + .link { @apply text-blue-500 dark:text-blue-600 hover:text-blue-600 dark:hover:text-blue-500 hover:underline visited:text-purple-500 dark:visited:text-purple-600; } } diff --git a/src/lib/assets/Coredump.svelte b/src/lib/assets/Coredump.svelte index 72aaa6d..7c3750d 100644 --- a/src/lib/assets/Coredump.svelte +++ b/src/lib/assets/Coredump.svelte @@ -253,7 +253,8 @@