Theme:
SCSS TypeScript

Border

With this modifier you can add a border to an element. You must set the thickness, like .border-thin and you can optional change style or color border.

For more examples for border color, see Border Colors

The structure of the class names are:

  • .border-{WIDTH}
  • .border-{WIDTH}-{SCREEN_SIZE} until the screen size
  • .border-{STYLE}
  • .border-{STYLE}-{SCREEN_SIZE} until the screen size

The values are:

  • WIDTH none, thin, medium, thick
  • STYLE dotted, dashed, solid, double
  • SCREEN_SIZE lg, md, sm, xs

Basic Example:




html