chore(sync): Sync blog source code to next-theme-coline

syfxlin · Jan 30, 2024 · cfc2067 · cfc2067
1 parent 3012247
commit cfc2067
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/components/widgets/projects/styles.css.ts b/src/components/widgets/projects/styles.css.ts
@@ -2,12 +2,30 @@ import { styled } from "@syfxlin/reve";
 import { theme } from "../../../theme/theme.css";
 
 export const heading = styled.css`
+  position: relative;
   text-align: center;
   color: ${theme.color.text.paragraph};
   font-size: ${theme.fontSize.calc(1.2)};
   font-weight: ${theme.fontWeight.semibold};
   margin-top: ${theme.spacing.calc(10)};
   margin-bottom: ${theme.spacing.calc(3)};
+  padding-bottom: ${theme.spacing.calc(1)};
+
+  &::before {
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: ${theme.borderWidth.calc(-1)};
+    display: block;
+    height: ${theme.borderWidth.calc(2.5)};
+    width: ${theme.fontSize.calc(2)};
+    background: linear-gradient(${theme.color.text.primary} 30%, ${theme.color.text.primary} 70%);
+    box-shadow: ${theme.color.text.primary} 0 ${theme.borderWidth.calc(1)} ${theme.borderWidth.calc(3)};
+    border-radius: ${theme.borderWidth.calc(4)};
+    transition: all 0.25s ease 0s, color 0.3s, background-color 0.3s;
+    z-index: 1;
+  }
 `;
 
 export const link = styled.css`