Borders

Use border utilities to easily apply border styles to elements

---

Border

Add borders to an element with border utilities. You can choose all borders or one at a time.

Border receives four ordered parameters: scale, color, style & radius. If none of these parameters are received, default border is equal to border-1-black-solid-0.

Note: if border receives unordered parameters the project may have compilation errors.

Position

There are six border position properties: borderTop, borderRight, borderBottom, borderLeft, borderY & borderX.

Border position receives two ordered parameters: scale & color. If none of these parameters are received, default border[Position] is equal to border[Position]-1-black-solid-0.

Note: if border position receives unordered parameters the project may have compilation errors.

Size

Change the size of a declared border easily with borderSize.

Property borderSize receives two ordered parameters: scale & position.

Color

Change the color of a declared border easily with borderColor.

Property borderColor receives two ordered parameters: color & position.

Style

Change the style of a declared border easily with borderStyle.

Property borderStyle receives style parameter.

Radius

Change the radius of a declared border easily with borderRadius.

Property borderRadius receives three ordered parameters: radius, position & secondPosition. The position parameter accepts four values: top, right, bottom & left. The secondPosition parameter accepts only right & left values. If there's no secondPosition declared, radius will affect both position value corners.