♻️ Marker 스타일에 sprinkles 추가

Nexters · Feb 23, 2024 · 8f7d964 · 8f7d964
1 parent beede38
commit 8f7d964
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/features/map/marker/Marker.css.ts b/src/features/map/marker/Marker.css.ts
@@ -2,22 +2,22 @@ import { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 
 import { COLOR } from '@/styles/foundation';
+import { sprinkles } from '@/styles/sprinkle.css';
 
 export const marker = style({
     position: 'relative',
 });
 
 export const numberWrapper = recipe({
-    base: {
-        position: 'absolute',
-        top: 'calc(50% - 3px)',
-        left: '50%',
-        transform: 'translate(-50%, -50%)',
-
-        fontFamily: 'Pretendard',
-        fontSize: '20px',
-        fontWeight: '800',
-    },
+    base: [
+        sprinkles({ typography: 'SemiBold20' }),
+        {
+            position: 'absolute',
+            top: 'calc(50% - 3px)',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+        },
+    ],
     variants: {
         isHidden: {
             true: {