style: add image radius modifiers

comwrap · Nov 22, 2024 · 4bab38a · 4bab38a
1 parent 8335a42
commit 4bab38a
Showing 1 changed file with 55 additions and 0 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -635,6 +635,61 @@ main .section.highlight {
   border-radius: 9999px;
 }
 
+/* Image Radius */
+.image-rounded-2xs {
+  img {
+    border-radius: var(--shape-border-radius-1);
+  }
+}
+
+.image-rounded-xs {
+  img {
+    border-radius: var(--shape-border-radius-2);
+  }
+}
+
+.image-rounded-s {
+  img {
+    border-radius: var(--shape-border-radius-3);
+  }
+}
+
+.image-rounded-m {
+  img {
+    border-radius: var(--shape-border-radius-4);
+  }
+}
+
+.image-rounded-l {
+  img {
+    border-radius: var(--shape-border-radius-5);
+  }
+}
+
+.image-rounded-xl {
+  img {
+    border-radius: var(--shape-border-radius-6);
+  }
+}
+
+.image-rounded-2xl {
+  img {
+    border-radius: var(--shape-border-radius-7);
+  }
+}
+
+.image-rounded-3xl {
+  img {
+    border-radius: var(--shape-border-radius-8);
+  }
+}
+
+.image-rounded-full {
+  img {
+    border-radius: 9999px;
+  }
+}
+
 /* Background */
 .bg-neutral-50 {
   background-color: var(--color-neutral-50);