From 5ea292e9090ddd084203ae1d2fce11dbca8fe781 Mon Sep 17 00:00:00 2001 From: Hazem Krimi Date: Thu, 16 Nov 2023 18:20:57 +0100 Subject: [PATCH] Styles for link and code block in single page --- assets/css/single.css | 34 +++++++++++++++++++++++------- content/blog/another-post/index.md | 6 ++++++ 2 files changed, 32 insertions(+), 8 deletions(-) diff --git a/assets/css/single.css b/assets/css/single.css index 1426e31..b41bb7d 100644 --- a/assets/css/single.css +++ b/assets/css/single.css @@ -33,20 +33,38 @@ main #metadata #share { cursor: pointer; } -main h2, -main h3, -main h4 { +main #content h2, +main #content h3, +main #content h4 { margin-bottom: 1rem; } -main p, -main ul, -main ol, -main img, -main figure { +main #content p, +main #content ul, +main #content ol, +main #content img, +main #content figure, +main #content .highlight { 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) { main #metadata h1 { font-size: 2.5rem; diff --git a/content/blog/another-post/index.md b/content/blog/another-post/index.md index 3e4d88d..f2bc862 100644 --- a/content/blog/another-post/index.md +++ b/content/blog/another-post/index.md @@ -6,6 +6,12 @@ date: 2023-10-18 ## 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. ### Greetings