michalczyk.pro/blog
1
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Activity

Add caption to Liquid highlight tags

Browse Source
This commit is contained in:
cryptogopher
2023-05-27 19:11:11 +02:00
parent 129eb8bb5a
commit d769d59c85
2 changed files with 50 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/styles.css
View File

@@ -30,16 +30,31 @@ h3 {
}
figure {
background-color: black;
border: 1px solid lightgray;
border-radius: 0.2rem;
margin: 0;
}
figcaption {
background-color: #f0f0f0;
border: 1px solid lightgray;
border-bottom: none;
border-top-left-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
figcaption .lang {
color: #606060;
font-weight: bold;
font-size: 0.8rem;
line-height: 1.4rem;
padding: 0 0.4rem;
}
pre {
background-color: black;
border-bottom-left-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
font-size: 0.85rem;
line-height: 1.3rem;
margin: 0;
padding: 0.5rem;
padding: 0.25rem;
}
pre > code {
background-color: black;
@@ -50,6 +65,7 @@ pre > code.language-bash {
background-color: black;
color: #00d700;
}
code {
background-color: #9f54aa;
border-radius: 0.2rem;