🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →


Progress value is 30%

Border Radius

Border radius utility classes:

Class Description
.radius-sm border-radius: var(--radius-sm);
.radius-md border-radius: var(--radius-md);
.radius-lg border-radius: var(--radius-lg);
.radius-50% border-radius: 50%;
.radius-full border-radius: 50em;
.radius-0 border-radius: 0;
.radius-top-left-0 border-top-left-radius: 0;
.radius-top-right-0 border-top-right-radius: 0;
.radius-bottom-right-0 border-bottom-right-radius: 0;
.radius-bottom-left-0 border-bottom-left-radius: 0;

Optionally, you can update the default border radius variables in the 📁 custom-style/_shared-styles.scss file:

:root {
  --radius: 0.25em; // border radius base size
  --radius-sm: calc(var(--radius)/2);
  --radius-md: var(--radius);
  --radius-lg: calc(var(--radius)*2);

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us