College of Business Style Guide

Lists: UL: Ol With Uppercase Alphabet 

<ol class="ol u_alpha">
    <li>Top 3 Albums May 26, 2007</li>
    <li>'Call Me Irresponsible' - Michael Buble</li>
    <li>'Stength & Loyalty' - Bone Thugs-N-Harmony</li>
    <li>'Special Occasion' - Bobby Valentino</li>
</ol>
 
<ol class="ol u_alpha">
    {% for ol_ua_item in ol_ua_items %}
        <li>{{ ol_ua_item.content }}</li>
    {% endfor %}
</ol>
 
{
  "ul_items": {
    "1": {
      "content": "Top 3 Albums May 23, 2009"
    },
    "2": {
      "content": "'Epiphany' - Chrisette Michele"
    },
    "3": {
      "content": "'Hannah Montana: The Movie Soundtrack'"
    },
    "4": {
      "content": "'Fantasy Ride' - Ciara"
    }
  },
  "ol_ua_items": {
    "1": {
      "content": "Top 3 Albums May 26, 2007"
    },
    "2": {
      "content": "'Call Me Irresponsible' - Michael Buble"
    },
    "3": {
      "content": "'Stength & Loyalty' - Bone Thugs-N-Harmony"
    },
    "4": {
      "content": "'Special Occasion' - Bobby Valentino"
    }
  }
}
  • Content: 
    .ol.u_alpha {
    list-style-type: upper-alpha;

    &.l_alpha {
        list-style-type: lower-alpha;
    }

    &.u_roman {
        list-style-type: upper-roman;
    }

    &.l_roman {
        list-style-type: lower-roman;
    }
}
  • URL: /components/raw/lists/lists.scss
  • Filesystem Path: components/01-elements/02-lists/lists.scss
  • Size: 233 Bytes
  • Handle: @lists--ol-with-uppercase-alphabet
  • Preview:
  • Filesystem Path: components/01-elements/02-lists/lists--ol-with-uppercase-alphabet.twig

No notes defined.