2 #Border Border

2.1 #Border.classes Border utility classes

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

Border

-sf-border-top, -sf-border-bottom, -sf-border-lighter, -sf-border-lightest

.-sf-border-top
.-sf-border-bottom
.-sf-border-left
.-sf-border-right
.-sf-border-lighter
.-sf-border-lightest
Html 
    <div class="-sf-border-top" style="margin-bottom: 20px;">.-sf-border-top</div>
    <div class="-sf-border-bottom" style="margin-bottom: 20px;">.-sf-border-bottom</div>
    <div class="-sf-border-left" style="margin-bottom: 20px;">.-sf-border-left</div>
    <div class="-sf-border-right" style="margin-bottom: 20px;">.-sf-border-right</div>
    <div class="-sf-border-bottom -sf-border-lighter" style="margin-bottom: 20px;">.-sf-border-lighter</div>
    <div class="-sf-border-bottom -sf-border-lightest">.-sf-border-lightest</div>