Borders

We've created a set of predefined borders configuration to make if easy and simple for customization, it contains the border color, border width and border radius properties.


Border Color

Its the default color for all of the borders.

The grey[300] is a color from light neutrals colors inside the /assets/theme/base/colors.js.

Border Width

We‘ve created a set of predefined border width that can help you for creating different borders around the elements.

The pxToRem() is a helper function that helps you to convert px units to rem units, you can find this helper function on the /assets/theme/functions/pxToRem.js.

Border Radius

We‘ve created a set of predefined border radius that can help you for creating different borders around the elements.

The pxToRem() is a helper function that helps you to convert px units to rem units, you can find this helper function on the /assets/theme/functions/pxToRem.js.

You can customize the borders using the following file: /assets/theme/base/borders.js