hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styles for link and code block in single page

Browse Source
This commit is contained in:
Hazem Krimi
2023-11-16 18:20:57 +01:00
parent ad19dc44c3
commit 5ea292e909
2 changed files with 32 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/single.css
+26 -8
View File
@@ -33,20 +33,38 @@ main #metadata #share {
cursor: pointer; cursor: pointer;
} }
main h2, main #content h2,
main h3, main #content h3,
main h4 { main #content h4 {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
main p, main #content p,
main ul, main #content ul,
main ol, main #content ol,
main img, main #content img,
main figure { main #content figure,
main #content .highlight {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
main #content a {
color: var(--crimson);
}
main #content .highlight pre,
main #content .highlight div {
border-radius: 0.75rem;
}
main #content .highlight div {
padding: 2rem 1rem;
}
main #content .highlight pre {
padding: 0rem;
}
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
main #metadata h1 { main #metadata h1 {
font-size: 2.5rem; font-size: 2.5rem;
content/blog/another-post/index.md
+6
View File
@@ -6,6 +6,12 @@ date: 2023-10-18
## Hi ## Hi
[Link](https://google.com)
{{< highlight scala "lineNos=true">}}
case class Hello
{{< /highlight >}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor nulla sed mi faucibus, non commodo nulla malesuada. Aliquam sem lectus, sodales sit amet cursus ac, auctor quis dolor. Pellentesque ac metus vulputate, scelerisque nunc id, mollis est. Duis nec nisi feugiat, sagittis enim vitae, tincidunt metus. Nulla vitae laoreet quam. Integer tortor erat, dictum vel placerat ultricies, eleifend eu risus. Nam sit amet finibus dui. Cras malesuada ligula a maximus sagittis. Proin sed tortor consectetur, vestibulum mauris at, auctor orci. Quisque blandit lectus sollicitudin hendrerit euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor nulla sed mi faucibus, non commodo nulla malesuada. Aliquam sem lectus, sodales sit amet cursus ac, auctor quis dolor. Pellentesque ac metus vulputate, scelerisque nunc id, mollis est. Duis nec nisi feugiat, sagittis enim vitae, tincidunt metus. Nulla vitae laoreet quam. Integer tortor erat, dictum vel placerat ultricies, eleifend eu risus. Nam sit amet finibus dui. Cras malesuada ligula a maximus sagittis. Proin sed tortor consectetur, vestibulum mauris at, auctor orci. Quisque blandit lectus sollicitudin hendrerit euismod.
### Greetings ### Greetings