Border utilities let you add and edit borders around any element. It allows you to change border direction, width and colour.
Border direction
By using classes ecl-u-border-* you can draw a border on an item. Available directions are:
- all
- top
- right
- bottom
- left
Border width
By using classes ecl-u-border-width-* you can change the width of a border. Available width are (in px):
- 1
- 2
- 4
- 8
- 0
Border colour
By using classes ecl-u-border-color-* you can set the colour of the border. Available colours are:
- primary colours (blue, yellow, grey)
- black and white
- the grey palette
- the blue palette
- the yellow palette
- the notification palette
Border style
By using classes ecl-u-border-style-* you can change the style of the border. Available styles are:
- solid
- dashed
- dotted
Border radius
By using classes ecl-u-border-radius-* you can change the corner radius. Available width are (in px):
- 1
- 2
- 4
- 8
- 0