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