Adding styles for <hr /> and bold for <strong>.

krckyboy · Jun 2, 2024 · f5f5e14 · f5f5e14
1 parent 4add639
commit f5f5e14
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/frontend/src/styles/about-and-blog-content.module.scss b/frontend/src/styles/about-and-blog-content.module.scss
@@ -8,7 +8,7 @@ Typography, spacings and other styles for /about and /blog/[slug]
 .shared {
   margin-top: 2rem;
 
-  h2, .subheading, h3 {
+  h2, .subheading, h3, strong {
     font-weight: 500;
   }
 
@@ -27,7 +27,7 @@ Typography, spacings and other styles for /about and /blog/[slug]
   }
 
   h2 {
-    font-size: clamp(1.3rem, 1.5vw, 2.5rem);
+    font-size: clamp(1.4rem, 2vw, 2.5rem);
   }
 
   h3 {

diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
@@ -23,4 +23,13 @@ a {
   &:focus-visible {
     outline: 1px solid $color-accent;
   }
+}
+
+hr {
+  all: unset;
+  width: 20%;
+  display: flex;
+  background: $color-background-lighten;
+  height: 6px;
+  margin-block: 3rem;
 }