From fd5d775648ec044802e5492dc72d40e7519386c7 Mon Sep 17 00:00:00 2001 From: Turjo Chowdhury <86681794+turjoc120@users.noreply.github.com> Date: Wed, 19 Jul 2023 18:39:57 +0600 Subject: [PATCH] fix: Add highlighting for links in the blog page (#137) --- styles/blog_text_content_wrapper.css | 33 ++++++++++++++++++---------- 1 file changed, 21 insertions(+), 12 deletions(-) diff --git a/styles/blog_text_content_wrapper.css b/styles/blog_text_content_wrapper.css index c12d106bb..56d18f792 100644 --- a/styles/blog_text_content_wrapper.css +++ b/styles/blog_text_content_wrapper.css @@ -2,7 +2,8 @@ background: transparent; white-space: pre-wrap; } -.contentWrapper > h1 { + +.contentWrapper>h1 { font-weight: 700; font-size: 2.75rem; line-height: 1; @@ -10,7 +11,7 @@ margin: 20px 0px; } -.contentWrapper > h2 { +.contentWrapper>h2 { font-weight: 700; font-size: 2.375rem; line-height: 2.6rem; @@ -18,7 +19,7 @@ margin: 20px 0px; } -.contentWrapper > h3 { +.contentWrapper>h3 { font-weight: 700; font-size: 2rem; line-height: 2.5rem; @@ -26,7 +27,7 @@ margin: 20px 0px; } -.contentWrapper > h4 { +.contentWrapper>h4 { font-weight: 700; font-size: 1.625rem; line-height: 2.2rem; @@ -34,7 +35,7 @@ margin: 20px 0px; } -.contentWrapper > h5 { +.contentWrapper>h5 { font-weight: 700; font-size: 1.375rem; line-height: 2rem; @@ -42,7 +43,7 @@ margin: 20px 0px; } -.contentWrapper > h6 { +.contentWrapper>h6 { font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; @@ -50,7 +51,7 @@ margin: 20px 0px; } -.contentWrapper > p { +.contentWrapper>p { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; @@ -58,11 +59,19 @@ opacity: 0.7; } -.contentWrapper > ul { +.contentWrapper a { + color: rgb(178, 178, 253); +} + +.contentWrapper a:hover { + text-decoration: underline; +} + +.contentWrapper>ul { padding-left: 24px; } -.contentWrapper > ul > li { +.contentWrapper>ul>li { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; @@ -71,14 +80,14 @@ list-style: disc; } -.contentWrapper > ol { +.contentWrapper>ol { padding-left: 24px; } -.contentWrapper > ol > li { +.contentWrapper>ol>li { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; letter-spacing: -0.02em; opacity: 0.7; -} +} \ No newline at end of file