+
{title}
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 589d7ea..579f67b 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -14,7 +14,6 @@ const { entry } = Astro.props;
const { Content } = await entry.render();
---
-
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 767dbea..740e1f1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,5 +8,5 @@ import Main from '@/layouts/Main.astro';
Looking forward to seeing you again once it's done!
Until then, hang on tight and keep it cool.
- Random words for testing: Lorem Ipsum
+ Random words for testing: Lorem Ipsum
diff --git a/src/pages/links.astro b/src/pages/links.astro
index a3c5b78..bcdc2e5 100644
--- a/src/pages/links.astro
+++ b/src/pages/links.astro
@@ -3,13 +3,15 @@ import Main from '@/layouts/Main.astro';
---
- Until this site is ready, here's some other websites I'm on so you can contact me.
-
+
+
Until this site is ready, here's some other websites I'm on so you can contact me.
+
+
diff --git a/src/styles/astro-breadcrumbs-config.scss b/src/styles/astro-breadcrumbs-config.scss
deleted file mode 100644
index d10af7c..0000000
--- a/src/styles/astro-breadcrumbs-config.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@use "astro-breadcrumbs/breadcrumbs.scss" with (
- $color-link: darkgreen,
- $color-hover-link: green,
- $color-separator: darkgray,
- $color-is-current: #333,
- $color-is-index: olive
-);
\ No newline at end of file
diff --git a/src/styles/default.css b/src/styles/default.css
new file mode 100644
index 0000000..c35dcd2
--- /dev/null
+++ b/src/styles/default.css
@@ -0,0 +1,54 @@
+@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ html {
+ font-family: -apple-system, BlinkMacSystemFont, "Noto Sans", "Segoe UI",
+ Roboto, "BIZ UDPGothic", "Hiragino Sans", sans-serif,
+ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+ "Noto Sans Emoji";
+ font-size: 16px;
+ @apply text-zinc-800 dark:text-zinc-200 scroll-smooth;
+ }
+
+ code {
+ font-family:
+ Menlo,
+ Monaco,
+ Consolas,
+ Lucida Console,
+ Liberation Mono,
+ DejaVu Sans Mono,
+ Bitstream Vera Sans Mono,
+ Courier New,
+ monospace;
+ }
+
+ main {
+ article, .art {
+ @apply max-w-none prose dark:prose-invert prose-zinc prose-pre:text-wrap prose-a:anchor
+ prose-headings:text-lime-600 prose-headings:dark:text-green-500 prose-headings:leading-none
+ prose-li:leading-none
+ }
+ }
+
+ p {
+ @apply my-3;
+ }
+}
+
+@layer components {
+ .anchor {
+ @apply text-indigo-600 hover:text-indigo-400 active:text-lime-500 visited:text-fuchsia-700
+ }
+
+ astro-breadcrumbs {
+ a {
+ @apply text-emerald-700 hover:text-emerald-500 active:text-lime-500 visited:text-zinc-600
+ dark:text-emerald-300 dark:hover:text-emerald-200 dark:active:text-green-400 dark:visited:text-zinc-400
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/styles/default.scss b/src/styles/default.scss
deleted file mode 100644
index 446a9ec..0000000
--- a/src/styles/default.scss
+++ /dev/null
@@ -1,89 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
-
-html {
- font-family: -apple-system, BlinkMacSystemFont, "Noto Sans", "Segoe UI",
- Roboto, "BIZ UDPGothic", "Hiragino Sans", sans-serif,
- "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
- font-size: 16px;
- scroll-behavior: smooth;
-}
-
-code {
- font-family:
- Menlo,
- Monaco,
- Consolas,
- Lucida Console,
- Liberation Mono,
- DejaVu Sans Mono,
- Bitstream Vera Sans Mono,
- Courier New,
- monospace;
-}
-
-h1 {
- font-size: 2rem;
- font-weight: 700;
-}
-h2 {
- font-size: 1.8rem;
-}
-h3 {
- font-size: 1.6rem;
-}
-h4 {
- font-size: 1.4rem;
-}
-h5 {
- font-size: 1.2rem;
-}
-h6 {
- font-size: 1.1rem;
-}
-h1, h2, h3, h4, h5, h6 {
- line-height: 1;
- margin-top: 1.5rem;
- margin-bottom: 0.8rem;
-}
-
-@mixin def-a {
- text-decoration: underline;
- color: mediumblue;
- &:hover {
- color: royalblue;
- }
- &:active {
- color: mediumseagreen;
- }
- &:visited {
- color: darkorchid;
- }
-}
-
-main {
- ul, ol {
- list-style-position: outside;
- padding-inline-start: 2rem;
- }
-
- ul {
- list-style-image: url('/mycelithyl-hyphae//bullet-point.svg');
- }
-
- ol {
- list-style-type: decimal;
- }
-
- a {
- @include def-a();
- }
-}
-
-footer a {
- @include def-a();
-}
-
-p {
- margin-top: 0.75rem;
- margin-bottom: 0.75rem;
-}
\ No newline at end of file
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 3b03d8c..a63be55 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -1,9 +1,22 @@
/** @type {import('tailwindcss').Config} */
export default {
- mode: 'jit',
- content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
- theme: {
- extend: {},
- },
- plugins: [],
-}
+ mode: "jit",
+ content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+ theme: {
+ extend: {
+ typography: (theme) => ({
+ DEFAULT: {
+ css: {
+ 'code::before': {
+ content: '',
+ },
+ 'code::after': {
+ content: '',
+ },
+ },
+ },
+ }),
+ },
+ },
+ plugins: [require("@tailwindcss/typography")],
+};