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;
                }
            }
        }