College of Business Style Guide

Academics List 

<div class="dl-wrapper single">
        <dl class="dl">
            <dt class="dl-term">Degree Programs</dt>
            <div class="dd-wrapper">
                <dd><a href="#">BS Business & Economcs</a></dd>
                <dd><a href="#">BS Integrated Business & Engineering (IBE)</a></dd>
                <dd><a href="#">BS Computer Science & Business (CSB)</a></dd>
            </div>
        </dl>
    </div>
    <div class="dl-wrapper ">
        <dl class="dl">
            <dt class="dl-term">Majors</dt>
            <div class="dd-wrapper">
                <dd><a href="#">Accounting</a></dd>
                <dd><a href="#">Business Information Systems</a></dd>
                <dd><a href="#">Economics</a></dd>
                <dd><a href="#">Finance</a></dd>
                <dd><a href="#">Management</a></dd>
                <dd><a href="#">Marketing</a></dd>
                <dd><a href="#">Supply Chain Management</a></dd>
            </div>
        </dl>
    </div>
    <div class="dl-wrapper ">
        <dl class="dl">
            <dt class="dl-term">Minors</dt>
            <div class="dd-wrapper">
                <dd><a href="#">Business Information Systems</a></dd>
                <dd><a href="#">Entrepreneurship</a></dd>
                <dd><a href="#">Fintech</a></dd>
                <dd><a href="#">Management</a></dd>
                <dd><a href="#">Real Estate</a></dd>
                <dd><a href="#">Supply Chain Management</a></dd>
            </div>
        </dl>
    </div>
 
{% include "@lists--dl" %}
 
{
  "dl_items": {
    "1": {
      "dl_term": "Degree Programs",
      "defs": [
        {
          "dl_def": "BS Business & Economcs",
          "url": "#"
        },
        {
          "dl_def": "BS Integrated Business & Engineering (IBE)",
          "url": "#"
        },
        {
          "dl_def": "BS Computer Science & Business (CSB)",
          "url": "#"
        }
      ],
      "single_column": "single"
    },
    "2": {
      "dl_term": "Majors",
      "defs": [
        {
          "dl_def": "Accounting",
          "url": "#"
        },
        {
          "dl_def": "Business Information Systems",
          "url": "#"
        },
        {
          "dl_def": "Economics",
          "url": "#"
        },
        {
          "dl_def": "Finance",
          "url": "#"
        },
        {
          "dl_def": "Management",
          "url": "#"
        },
        {
          "dl_def": "Marketing",
          "url": "#"
        },
        {
          "dl_def": "Supply Chain Management",
          "url": "#"
        }
      ]
    },
    "3": {
      "dl_term": "Minors",
      "defs": [
        {
          "dl_def": "Business Information Systems",
          "url": "#"
        },
        {
          "dl_def": "Entrepreneurship",
          "url": "#"
        },
        {
          "dl_def": "Fintech",
          "url": "#"
        },
        {
          "dl_def": "Management",
          "url": "#"
        },
        {
          "dl_def": "Real Estate",
          "url": "#"
        },
        {
          "dl_def": "Supply Chain Management",
          "url": "#"
        }
      ]
    }
  }
}
  • Content: 
    .dl-wrapper {
  padding: $space-double $space-quadruple;

  &:nth-of-type(even) {
    background-color: $off-white;
  }

  .dl {
    display: flex;
    flex-wrap: wrap;

    .dl-term {
      flex-basis: 250px;

      @media only screen and (min-width: $break-tablet) {
        font-size: 1.25rem;
      }
    }

    .dd-wrapper {
      @media only screen and (min-width: $break-desktop) {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 200px;
        -moz-column-gap: 200px;
        column-gap: 200px;
      }

      dd {
        a {
          color: $grey_darkest
        }
      }
    }
  }

  &.single {
    .dl {
      .dd-wrapper {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
      }
    }
  }
}
  • URL: /components/raw/academics_list/academics_list.scss
  • Filesystem Path: components/03-sections/09-academics_list/academics_list.scss
  • Size: 813 Bytes

No notes defined.