Display multiple lines of code in a preformatted text block.
// Subnav with Dropdown
<ul class="jl-subnav jl-subnav-pill" jl-margin>
    <li class="jl-active"><a href="#">Active</a></li>
    <li><a href="#">Item</a></li>
    <li>
        <a href="#">More <span jl-icon="icon:  triangle-down"></span></a>
        <div jl-dropdown="mode: click;">
            <ul class="jl-nav jl-dropdown-nav">
                <li class="jl-active"><a href="#">Active</a></li>
                <li><a href="#">Item</a></li>
                <li class="jl-nav-header">Header</li>
                <li><a href="#">Item</a></li>
                <li><a href="#">Item</a></li>
                <li class="jl-nav-divider"></li>
                <li><a href="#">Item</a></li>
            </ul>
        </div>
    </li>
</ul>
.jl-accordion {
    .jl-accordion-title {
        &:after{
            content: '\f107';
            font-family: FontAwesome;
            background-image: none;
            font-size: 18px;
        }
    }
}
.jl-open {
    .jl-accordion-title {
        &:after{
            content: '\f106';
            background-image: none;
        }
    }
}