style: adding ::after

Gugahnstn · Oct 2, 2023 · 702db5e · 702db5e
1 parent b76cba4
commit 702db5e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/CardResult/style.ts b/src/components/CardResult/style.ts
@@ -47,5 +47,10 @@ export const CardPhrase = styled.p`
     color: ${theme.colors.result};
     text-align: center;
     font-weight: 700;
+
+    ::after {
+      content: attr(data-text);
+      font-size: calc(${theme.font.sizes.text_lg} - 0.1rem * (attr(data-text) - 10));
+    }
   `}
 `;