refactor(component): refactor PostCard component’s css (#285)

axross · Mar 28, 2021 · 130b4c8 · 130b4c8 · vercel · Mar 28, 2021
1 parent 4c6f702
commit 130b4c8
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/components/post-card.tsx b/components/post-card.tsx
@@ -90,14 +90,17 @@ export const PostCard: React.VFC<PostCardProps> = ({
  <h1
  className={cx(
  css`
+ display: -webkit-box;
  margin-block-start: 0;
  margin-block-end: 0;
  line-height: 1.5;
  color: var(--color-fg-strong);
  font-size: var(--font-size-md);
  font-weight: bold;
  line-height: 1.5;
- ${someCss(2)}
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
  ${RAINBOW_ANCHOR_CSS}
  `,
  titleRefCss
@@ -126,12 +129,3 @@ export const PostCard: React.VFC<PostCardProps> = ({
 const imageRefCss = css``;
 
 const titleRefCss = css``;
-
-function someCss(lines: number) {
- return `
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: ${lines};
- overflow: hidden;
- `;
-}