Update site style

This commit is contained in:
Gabriel Arazas 2023-03-18 18:34:56 +08:00
parent 57c5188e8c
commit c265749a76
No known key found for this signature in database
GPG Key ID: ADE0C41DAB221FCC

View File

@ -3,8 +3,6 @@ $tooltip-size: 5em;
$line-height: 1.45; $line-height: 1.45;
:root { :root {
--accented-border-style: var(--foreground) solid 0.1vw;
--body-family: "Source Serif Pro", "IBM Plex Serif", "Noto Serif", serif; --body-family: "Source Serif Pro", "IBM Plex Serif", "Noto Serif", serif;
--header-family: "Source Sans Pro", "IBM Plex Sans", "Noto Sans", sans-serif; --header-family: "Source Sans Pro", "IBM Plex Sans", "Noto Sans", sans-serif;
--mono-family: "Source Code Pro", "IBM Plex Mono", "Noto Mono", monospace; --mono-family: "Source Code Pro", "IBM Plex Mono", "Noto Mono", monospace;
@ -19,6 +17,10 @@ hr {
border-color: var(--foreground); border-color: var(--foreground);
} }
kbd {
font-size: 0.9em;
}
main > article { main > article {
line-height: $line-height; line-height: $line-height;
} }
@ -31,13 +33,17 @@ main > article {
line-height: unset; line-height: unset;
} }
.site__links--content,
.site__socials--content { .site__socials--content {
margin-top: 1em; margin: 1em 0 0;
padding: 0;
display: flex;
width: 100%;
justify-content: space-around;
} }
.site__links--content { .site__links--content > * { flex-basis: 20; }
margin-top: 1em; .site__socials--content > * { flex-basis: 15%; }
}
article.post { article.post {
padding: 0.5em; padding: 0.5em;
@ -127,11 +133,8 @@ article.post {
// Asciidoctor-specific styles // Asciidoctor-specific styles
sup.footnote { sup.footnote {
vertical-align: baseline;
position: relative;
top: 0; top: 0;
left: 0; left: 0;
font-size: 1rem;
} }
.anchor { .anchor {
@ -155,7 +158,7 @@ sup.footnote {
.quoteblock { .quoteblock {
blockquote { blockquote {
border: var(--accented-border-style); border: var(--border-style);
margin: auto; margin: auto;
padding: 1em 0.5em; padding: 1em 0.5em;
@ -202,7 +205,7 @@ p.tableblock {
} }
> .content { > .content {
border: var(--accented-border-style); border: var(--border-style);
padding: 0.5em; padding: 0.5em;
} }
} }
@ -233,6 +236,7 @@ p.tableblock {
flex-flow: row; flex-flow: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: min-content;
position: absolute; position: absolute;
top: 0; top: 0;
@ -299,7 +303,7 @@ p.tableblock {
} }
} }
.icon { td.icon {
background: var(--foreground); background: var(--foreground);
vertical-align: middle; vertical-align: middle;
width: 12%; width: 12%;