Border Style
Utilities for controlling an element's border style.
Dashed Borders
Use d-b{a|t|r|b|l}s-dashed to change the border style to dashed on your element.
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bas-dashed">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bts-dashed">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-brs-dashed">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bbs-dashed">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bls-dashed">...</div>
Dotted Borders
Use d-b{a|t|r|b|l}s-dotted to change the border style to dotted on your element.
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bas-dotted">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bts-dotted">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-brs-dotted">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bbs-dotted">...</div>
<div class="d-p16 d-baw2 d-bc-bold d-bgc-primary d-ws-nowrap d-bls-dotted">...</div>