feat: ProseImg radii token (#63)

nuxt-themes · Jul 4, 2023 · 5f71945 · 5f71945 · vercel · Jul 4, 2023
1 parent f1232bc
commit 5f71945
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/components/global/ProseImg.vue b/components/global/ProseImg.vue
@@ -43,7 +43,8 @@ const refinedSrc = computed(() => {
 <style lang="ts" scoped>
 css({
   img: {
-    margin: '{prose.img.margin}'
+    margin: '{prose.img.margin}',
+    borderRadius: '{prose.img.borderRadius}',
   }
 })
 </style>
diff --git a/tokens.config.ts b/tokens.config.ts
@@ -253,7 +253,8 @@ export default defineTheme({
       fontWeight: '{typography.fontWeight.semibold}'
     },
     img: {
-      margin: '{typography.verticalMargin.base} 0'
+      margin: '{typography.verticalMargin.base} 0',
+      borderRadius: '{typography.radii.full}'
     },
     a: {
       textDecoration: 'none',