z0x/blog.z0x.ca
Code Actions

chore: cleanup, shadcn

Browse source
This commit is contained in:
enscribe 2024-09-10 14:24:09 -07:00
parent 230dca64ca
commit ea68d4f02f
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
38 changed files with 1073 additions and 1378 deletions
Download patch file Download diff file Expand all files Collapse all files

63
src/styles/global.css
View file

@ -2,42 +2,6 @@
@tailwind components;
@tailwind utilities;
article {
@apply prose prose-neutral max-w-full dark:prose-invert prose-img:mx-auto prose-img:my-auto;
@apply prose-headings:font-semibold;
@apply prose-headings:text-black prose-headings:dark:text-white;
}
@layer utilities {
article a {
@apply font-sans text-current underline underline-offset-[3px];
@apply decoration-black/30 dark:decoration-white/30;
@apply transition-colors duration-300 ease-in-out;
}
article a:hover {
@apply text-black dark:text-white;
@apply decoration-black/50 dark:decoration-white/50;
}
}
.scroll_bar {
scrollbar-width: thin;
scrollbar-color: #1e293b #0f172a;
}
html #back-to-top {
@apply pointer-events-none opacity-0;
}
html.scrolled #back-to-top {
@apply pointer-events-auto opacity-100;
}
/* shiki config */
pre {
@apply border border-black/15 py-5 dark:border-white/20;
}
:root {
--astro-code-color-text: #09090b;
--astro-code-color-background: #fafafa;
@ -66,19 +30,6 @@ pre {
--astro-code-token-link: #8d85ff;
}
/* copy code button on codeblocks */
.copy-code {
@apply absolute right-3 top-3 grid size-9 place-content-center rounded border border-black/15 bg-neutral-100 text-center duration-300 ease-in-out dark:border-white/20 dark:bg-neutral-900;
}
.copy-code:hover {
@apply bg-[#E9E9E9] transition-colors dark:bg-[#232323];
}
.copy-code:active {
@apply scale-90 transition-transform;
}
@layer base {
:root {
--background: 0 0% 100%;
@ -139,4 +90,18 @@ pre {
* {
@apply border-border;
}
html {
color-scheme: light;
}
html.dark {
color-scheme: dark;
}
}
@layer utilities {
.disable-transitions * {
@apply !transition-none;
}
}