Uppercase variant for Heading

2021-11-25 22:01:27 +02:00
parent bd8d3c39c2
commit 72ba2072ec
1 changed files with 7 additions and 1 deletions
--- a/components/Heading.tsx
+++ b/components/Heading.tsx
@@ -4,7 +4,13 @@ const Heading = styled("span", {
  fontFamily: "$heading",
  lineHeight: "$heading",
  fontWeight: "$heading",
-  textTransform: "uppercase",
+  variants: {
+    uppercase: {
+      true: {
+        textTransform: "uppercase",
+      },
+    },
+  },
 });

 export default Heading;