New article 🚀

chicio · Mar 2, 2024 · 6615cd0 · 6615cd0
1 parent f833b96
commit 6615cd0
Show file tree

Hide file tree

Showing 4 changed files with 378 additions and 4 deletions.
diff --git a/src/components/design-system/atoms/heading5.tsx b/src/components/design-system/atoms/heading5.tsx
@@ -1,6 +1,11 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { headingStyle } from "./heading-style";
 
+export const heading5Style = css`
+  font-size: ${(props) => props.theme.fontSizes[7]};
+  ${headingStyle}
+`;
+
 export const Heading5 = styled.h5`
   font-size: ${(props) => props.theme.fontSizes[7]};
   ${headingStyle}

diff --git a/src/components/post-content.tsx b/src/components/post-content.tsx
@@ -5,6 +5,7 @@ import { heading4Style } from "./design-system/atoms/heading4";
 import { standardLinkStyle } from "./design-system/atoms/standard-link-style";
 import { syntax } from "./design-system/atoms/syntax";
 import { mediaQuery } from "./design-system/utils-css/media-query";
+import { heading5Style } from "./design-system/atoms/heading5";
 
 const PostContentContainer = styled.div`
   color: ${(props) => props.theme.light.primaryTextColor};
@@ -42,6 +43,13 @@ const PostContentContainer = styled.div`
     line-height: ${(props) => props.theme.lineHeight};
   }
 
+  & h5 {
+    ${heading5Style};
+    margin-left: 0;
+    margin-right: 0;
+    line-height: ${(props) => props.theme.lineHeight};
+  }
+
   & a {
     ${standardLinkStyle};
     line-height: ${(props) => props.theme.lineHeight};