mirror of
https://github.com/foo-dogsquared/website.git
synced 2025-01-31 04:58:26 +00:00
Update site style
This commit is contained in:
parent
57c5188e8c
commit
c265749a76
@ -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%;
|
||||||
|
Loading…
Reference in New Issue
Block a user