4.7 #permalink Borders

Toggle example guides Toggle HTML markup

Only the following borders are currently implemented, see borders.less to add more if you need them (it's not hard).

Example
I'm in a thin green box
I'm in a medium gray box
I'm in a thick red box
I'm in a dotted orange box
Markup
<div class="grid-parent">
  <div class="box_verticalMargin2 grid-6 box_padded1 border_primary3">I'm in a thin green box</div>
  <div class="box_verticalMargin2 grid-6 box_padded1 border_medium border_default">I'm in a medium gray box</div>
  <div class="box_verticalMargin2 grid-6 box_padded1 border_thick border_secondary3">I'm in a thick red box</div>
  <div class="box_verticalMargin2 grid-6 box_padded1 border_dotted border_primary1">I'm in a dotted orange box</div>
</div>
Source: modules/04_small_decorations/border.less, line 3