xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-06 21:16:55 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add proper separate reading font (paragraphs), clean up tag CSS

Browse Source
This commit is contained in:
Xevion
2024-05-24 01:07:39 -05:00
parent 04a637dbb8
commit 132e94548c
4 changed files with 27 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Summary.astro
View File

@@ -28,11 +28,11 @@ const { url, date, title, tags, description } = Astro.props;
</time> </time>
</a> </a>
</div> </div>
<div class="mt-3"> <div class="mt-3 leading-4 mb-2">
<h2 class="font-medium inline mr-1"> <h2 class="font-medium inline mr-1 leading-5">
<a href={url} class="underline decoration-white/60" data-astro-prefetch>{title}</a> <a href={url} class="underline decoration-white/30 decoration-1 underline-offset-3" data-astro-prefetch>{title}</a>
</h2> </h2>
<i class="space-x-2"> <span class="tags space-x-2 font-mono">
{ {
tags.map((tag) => ( tags.map((tag) => (
<a data-astro-prefetch href={`/tags/${tag}`}> <a data-astro-prefetch href={`/tags/${tag}`}>
@@ -40,7 +40,7 @@ const { url, date, title, tags, description } = Astro.props;
</a> </a>
)) ))
} }
</i> </span>
</div> </div>
{description} {description}
</div> </div>

2
src/layouts/General.astro
View File

@@ -6,7 +6,7 @@ import type { Props as SEOProps } from "astro-seo";
const repository_url = `https://github.com/${ const repository_url = `https://github.com/${
import.meta.env.PUBLIC_VERCEL_GIT_REPO_OWNER import.meta.env.PUBLIC_VERCEL_GIT_REPO_OWNER
}/${import.meta.env.PUBLIC_VERCEL_GIT_REPO_SLUG}`; }/${import.meta.env.PUBLIC_VERCEL_GIT_REPO_SLUG}`;
const build_revision = import.meta.env.PUBLIC_VERCEL_GIT_COMMIT_SHA; const build_revision = import.meta.env.PUBLIC_VERCEL_GIT_COMMIT_SHA ?? "unknown";
interface Props { interface Props {
title?: string; title?: string;

25
src/styles/global.scss
View File

@@ -2,6 +2,8 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import "mixins"; @import "mixins";
@import "helpers"; @import "helpers";
@import "code"; @import "code";
@@ -50,13 +52,17 @@ html {
} }
} }
:root {
font-family: "Source Serif 4", serif;
font-size: 23px;
line-height: 1.5;
}
body { body {
padding: 0; padding: 0;
font-family: "CMU Serif", serif;
line-height: 1.5;
background: #0e0e0e;
color: white; color: white;
background: #0e0e0e;
display: grid; display: grid;
justify-items: center; justify-items: center;
align-items: center; align-items: center;
@@ -96,6 +102,10 @@ blockquote:before {
content: "“"; content: "“";
} }
h1, h2, h3, h4, h5, h6, time {
font-family: "CMU Serif", serif;
}
h1, h1,
h2, h2,
h3, h3,
@@ -131,8 +141,11 @@ hr {
// Link colors within articles generally, or direct children of span // Link colors within articles generally, or direct children of span
article, article,
span > { span {
a { &.tags > a {
color: #a8cbff;
}
> a {
color: #90bcff; color: #90bcff;
} }
} }

2
tailwind.config.mjs
View File

@@ -4,6 +4,8 @@ export default {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
source: ["Source Serif 4", "serif"],
serif: ["CMU Serif", "serif"],
mono: ["CMU Typewriter Text", "monospace"], mono: ["CMU Typewriter Text", "monospace"],
} }
}, },