Joran design system

List Inline 

<ul class="o-list-inline">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
</ul>
 
<ul class="o-list-inline">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
</ul>
 
/* No context defined. */
  • Content: 
    /* ======================================================================
   # _objects.list-inline.css
   ====================================================================== */

.o-list-inline {
  @apply
    flex
    flex-wrap
    ;
}

.o-list-inline > li + li {
  @apply
    block
    ;
}
  • URL: /components/raw/list-inline/_objects.list-inline.css
  • Filesystem Path: src/components/03-Objects/list-inline/_objects.list-inline.css
  • Size: 294 Bytes

No notes defined.