barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: style

Browse source
This commit is contained in:
Barrett Ruth 2025-10-08 15:06:46 -04:00
parent 9d28d24cf2
commit daa99fd9cd
3 changed files with 20 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

29
public/styles/git.css
View file

@ -1,25 +1,32 @@
.clone-line { .clone-line {
font-family: 'Apercu Mono', monospace; font-family: 'Apercu Mono', monospace !important;
font-size: 1.3em; font-size: 1.3em;
font-weight: 400; font-weight: 400;
margin: 0.5em 0 1em 0; margin: 0.5em 0 1em 0;
text-align: left; text-align: left;
user-select: all; user-select: all;
background: transparent !important;
border: none !important;
color: inherit;
} }
.clone-line code { .clone-line code {
color: inherit; all: unset;
text-decoration: none; font-family: 'Apercu Mono', monospace !important;
font-size: 1em;
line-height: 1.5;
white-space: nowrap; white-space: nowrap;
} cursor: text;
background: transparent !important;
.clone-line a { border: none !important;
color: inherit; color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
} }
.clone-line a:hover { .clone-line .prompt {
border-color: currentColor; user-select: none;
opacity: 0.8;
margin-right: 0.3em;
background: transparent !important;
color: inherit;
} }

1
src/layouts/GitLayout.astro
View file

@ -25,6 +25,7 @@ const topicColor = getTopicColor(category);
<BaseLayout title={title} description={description} useKatex={useKatex}, useD3={useD3}> <BaseLayout title={title} description={description} useKatex={useKatex}, useD3={useD3}>
<slot name="head" slot="head"> <slot name="head" slot="head">
<link rel="stylesheet" href="/styles/posts.css" /> <link rel="stylesheet" href="/styles/posts.css" />
<link rel="stylesheet" href="/styles/git.css" />
<link rel="stylesheet" href="/styles/graph.css" /> <link rel="stylesheet" href="/styles/graph.css" />
{ {
useKatex && ( useKatex && (

2
src/pages/git/[slug].astro
View file

@ -31,7 +31,7 @@ try {
<GitLayout frontmatter={entry.data} post={entry}> <GitLayout frontmatter={entry.data} post={entry}>
{cloneCommand && ( {cloneCommand && (
<div class="clone-line"> <div class="clone-line">
<code>&gt; {cloneCommand}</code> <code><span class="prompt">&gt;&nbsp;</span>{cloneCommand}</code>
</div> </div>
)} )}
<Content /> <Content />