College Design Language System

Border Classes

Border & Background Classes

See corresponding color notes at /components/detail/color

<div class="container">
    <div class="row" style="height:15rem;">
        <div class="col-4 border-top-5px-orange p-2">
            <h4>Border Top Orange 5px</h4>
            <p>.border-top-5px-orange</p>
        </div>
    </div>
</div>
  • Content: 
    /* components/01-visual-styling/06-utility/03-borders/borders.scss */
/* BEGIN borders.scss */


/* END borders.scss */
  • URL: /components/raw/borders/borders.scss
  • Filesystem Path: components/01-visual-styling/04-color/03-borders/borders.scss
  • Size: 119 Bytes 
<div class="container">
    <div class="row" style="height:15rem;">
        <div class="col-4 border-top-5px-orange p-2">
            <h4>Border Top Orange 5px</h4>
            <p>.border-top-5px-orange</p>
        </div>
    </div>
</div>