_objects.list-inline.scss

/*------------------------------------*\
    #LIST-INLINE
\*------------------------------------*/

/**
 * The list-inline object simply displays a list of items in one line.
 */

// Predefine the variables below in order to alter and enable specific features.
$o-list-inline--delimited:   false !default;
$o-list-inline-delimit-character:   ",\00A0" !default;

.o-list-inline {
    margin:  0;
    padding: 0;
    list-style: none;

    > li {
        display: inline-block;
    }

}





@if ($o-list-inline--delimited == true) {

    /**
     * Comma delimited list to semantically mark up lists of tags, etc.
     *
     * N.B. This component requires that you remove the whitespace between LIs.
     *      The simplest (and valid) way to achieve this is by omitting the
     *      closing `</li>` tag.
     */

    .o-list-inline--delimited {

        > li + li {

            &:before {
                content: "#{$o-list-inline-delimit-character}";
            }

        }

    }

}