feat: CollapseCommon, CardBlog, RelevantBlogPosts

2025-07-23 04:36:49 +00:00 · 2021-08-31 07:46:44 +07:00
parent a1c8668315
commit f7a0ec6078
23 changed files with 351 additions and 60 deletions
--- a/src/components/common/CardBlog/CardBlog.module.scss
+++ b/src/components/common/CardBlog/CardBlog.module.scss
@@ -0,0 +1,34 @@
+@import "../../../styles/utilities";
+
+.cardBlogWarpper{
+    max-width: 39.2rem;
+    min-height: 34.4rem;
+    @apply inline-flex flex-col justify-start;
+    .image{
+        width: 100%;
+        max-height: 22rem;
+        border-radius: 2.4rem;
+        &:hover{
+            cursor: pointer;
+        }
+    }
+    .title{
+        padding: 1.6rem 0.8rem 0.4rem 0.8rem;
+        @apply font-bold;
+        font-size: 2rem;
+        line-height: 2.8rem;
+        letter-spacing: -0.01em;
+        color: var(--text-active);
+        &:hover{
+            cursor: pointer;
+        }
+    }
+    .description{
+        padding: 0 0.8rem;
+        @apply overflow-hidden overflow-ellipsis ;
+        color: var(--text-label);
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        -webkit-box-orient: vertical;
+    }
+}