🎨 border-radius

gabriel-gn · Mar 11, 2022 · 6e77622 · 6e77622 · vercel · Mar 11, 2022
1 parent 07f20ca
commit 6e77622
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mprisma/components",
-  "version": "13.0.5",
+  "version": "13.0.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/gabriel-gn/prisma-components.git"

diff --git a/src/styles/default/_borders.scss b/src/styles/default/_borders.scss
@@ -1,5 +1,9 @@
 @import 'variables';
 
+.rad-0 {
+  border-radius: 0px !important;
+}
+
 @each $key, $val in $border-radiuss {
   .rad-#{$key} {
     border-radius: var(--border-radius-#{$key}) !important;
@@ -14,4 +18,14 @@
     border-bottom-left-radius: var(--border-radius-#{$key}) !important;
     border-bottom-right-radius: var(--border-radius-#{$key}) !important;
   }
+
+  .rad-#{$key}-right {
+    border-top-right-radius: var(--border-radius-#{$key}) !important;
+    border-bottom-right-radius: var(--border-radius-#{$key}) !important;
+  }
+
+  .rad-#{$key}-left {
+    border-top-left-radius: var(--border-radius-#{$key}) !important;
+    border-bottom-left-radius: var(--border-radius-#{$key}) !important;
+  }
 }