CSS for picture captions

This commit is contained in:
DarkCat09 2023-06-18 20:04:44 +04:00
parent ae892fd2fc
commit 1a16556ec3
2 changed files with 17 additions and 3 deletions

View file

@ -1,5 +1,9 @@
# Abc # H1
## def ## H2
### H3
#### H4
##### H5
###### H6
``` ```
123 123
@ -20,3 +24,4 @@ console.log(Object.keys({a:'a',b:'b'}))
> Quotation > Quotation
![Forest](https://dc09.ru/forest.jpg) ![Forest](https://dc09.ru/forest.jpg)
123

View file

@ -127,7 +127,8 @@ const image = (post.body.match(/(?:\s|^)!\[.*\]\((.*?)\)/) || [])[1];
border-radius: var(--bdrs); border-radius: var(--bdrs);
font-size: 1rem; font-size: 1rem;
font-family: "JetBrains Mono", "Fira Code", "Iosevka", "Source Code Pro", font-family:
"JetBrains Mono", "Fira Code", "Iosevka", "Source Code Pro",
"Liberation Mono", "Lucida Console", monospace; "Liberation Mono", "Lucida Console", monospace;
} }
@ -137,6 +138,14 @@ const image = (post.body.match(/(?:\s|^)!\[.*\]\((.*?)\)/) || [])[1];
margin: auto; margin: auto;
} }
figcaption {
width: fit-content;
margin: auto;
font-size: 0.9rem;
color: var(--fg-sec);
}
table { table {
max-width: 90%; max-width: 90%;
margin: auto; margin: auto;