adjust css
This commit is contained in:
@@ -67,7 +67,7 @@ for file in $(ls "$BLOG_DIR/posts"); do
|
|||||||
title=$(sed -n '3p' $target_file | tr -d '\n')
|
title=$(sed -n '3p' $target_file | tr -d '\n')
|
||||||
content=$(sed -n '4,$p' $target_file | tr -d '\n')
|
content=$(sed -n '4,$p' $target_file | tr -d '\n')
|
||||||
|
|
||||||
content=${content//&/&}
|
content=${content//" & "/&}
|
||||||
content=${content//"'"/‘}
|
content=${content//"'"/‘}
|
||||||
|
|
||||||
insert_post "$date" "$slug" "$title" "$content"
|
insert_post "$date" "$slug" "$title" "$content"
|
||||||
|
|||||||
@@ -1,10 +1,16 @@
|
|||||||
|
code {
|
||||||
|
color: #ebdbb2;
|
||||||
|
background-color: #282828;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: calc(14px + 0.11vw);
|
font-size: calc(14px + 0.11vw);
|
||||||
width: clamp(373px, 60vw, 80vw);
|
width: clamp(373px, 60vw, 80vw);
|
||||||
color: #222222;
|
color: #222222;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
font-family: 'Helvetica Neue', 'Arial Nova', sans-serif;
|
font-family: 'Helvetica Neue', 'Arial Nova', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -16,31 +22,31 @@ a:visited {
|
|||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
font-size: calc(16px + 0.33vh);
|
font-size: calc(16px + 0.33vh);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav > * {
|
nav > * {
|
||||||
margin-right: 33px;
|
margin-right: 33px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link-wrapper {
|
.link-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
html {
|
html {
|
||||||
background-color: #222222;
|
background-color: #222222;
|
||||||
}
|
}
|
||||||
|
|
||||||
body, body * {
|
body, body * {
|
||||||
color: lightgrey;
|
color: lightgrey;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: lightyellow;
|
color: lightyellow;
|
||||||
|
|||||||
Reference in New Issue
Block a user