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

styling

Browse source
This commit is contained in:
Barrett Ruth 2025-11-10 23:56:05 -05:00
parent a52dfa653f
commit 27df944944
3 changed files with 24 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

9
public/styles/common.css
View file

@ -217,6 +217,7 @@ footer {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex: 1; flex: 1;
width: 100%;
} }
a { a {
@ -234,6 +235,14 @@ li {
background-size: 3vw 3vw; background-size: 3vw 3vw;
} }
html:has(body.graph-background) {
background-image:
linear-gradient(to right, var(--grid-color) 1px, transparent 1px),
linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px);
background-size: 3vw 3vw;
background-color: var(--bg);
}
.terminal-cursor { .terminal-cursor {
display: inline-block; display: inline-block;
width: 10px; width: 10px;

5
public/styles/index.css
View file

@ -5,6 +5,7 @@ body {
overscroll-behavior: none; overscroll-behavior: none;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
overflow-x: hidden;
} }
.content { .content {
@ -73,12 +74,12 @@ ul {
@media (max-width: 768px) { @media (max-width: 768px) {
.topics { .topics {
font-size: 1.8em; font-size: 2em;
padding: 0 20px; padding: 0 20px;
} }
.posts { .posts {
font-size: 1.8em; font-size: 1.47em;
padding: 0 20px; padding: 0 20px;
} }

27
public/styles/posts.css
View file

@ -3,16 +3,14 @@ li {
} }
.post-wrapper { .post-wrapper {
display: flex;
width: 100%; width: 100%;
justify-content: center;
align-items: flex-start;
position: relative; position: relative;
} }
.toc-column { .toc-column {
position: absolute; position: absolute;
left: calc(50% - 400px - 4rem - 200px); left: 2rem;
top: 0;
width: 200px; width: 200px;
padding-top: 190px; padding-top: 190px;
} }
@ -24,6 +22,7 @@ li {
.post-container { .post-container {
width: 65%; width: 65%;
max-width: 800px; max-width: 800px;
margin: 0 auto;
} }
.post-title { .post-title {
@ -163,26 +162,24 @@ article pre {
.toc-column { .toc-column {
display: none; display: none;
} }
.post-container {
width: 80%;
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.post-container {
width: 85%;
}
.post-title { .post-title {
font-size: 3em; font-size: 1.8em;
margin: 30px 0;
} }
.post-meta { .post-meta {
font-size: 1.6em; font-size: 1.2em;
margin-left: 50px;
} }
.post-article { .post-article {
font-size: 1.3em; font-size: 1.1em;
}
.post-container {
width: 90%;
} }
} }