nat/natalieee.net
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add mobile style; fix codeblock font conflicts

Browse Source
This commit is contained in:
natalie roentgen connolly
2025-06-23 05:34:33 -07:00
parent fbcbdcbdf3
commit 763f0853bf
1 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
www/src/assets/style.css
View File

@ -47,6 +47,20 @@
max-height: 100vh; max-height: 100vh;
} }
* {
font-family: 'Liberation Mono', monospace !important;
}
code > * {
font-family: monospace !important;
> * {
font-family: monospace !important;
> * {
font-family: monospace !important;
}
}
}
h1 { h1 {
font-size: 2rem; font-size: 2rem;
margin: 0; margin: 0;
@ -159,7 +173,7 @@ body {
} }
> footer { > footer {
height: 130px; height: fit-content;
grid-column: 1 / 3; grid-column: 1 / 3;
background-color: var(--alt-bg); background-color: var(--alt-bg);
border: 3px ridge gray; border: 3px ridge gray;
@ -237,7 +251,7 @@ section.comments {
> form { > form {
display: grid; display: grid;
grid-template-rows: 12ch 20px; grid-template-rows: 12ch 20px;
grid-template-columns: 150px 150px 150px; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr));
> textarea { > textarea {
resize: none; resize: none;
@ -376,3 +390,24 @@ div.thought-list{
} }
} }
@media (max-width: 700px) {
:root {
max-height: unset;
}
body {
display: flex;
flex-direction: column;
height: unset;
max-height: unset;
overflow: unset;
> header {
border-bottom: 3px ridge gray;
> nav > ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(40%, 1fr))
}
}
}
}