Alternative logo

Use this for the alternative logo, in our case with inverted colors

Modifiers

Logo--alt
Navigation bar logo

Markup

<span class="Logo Logo--alt"><span class="Logo-label"></span></span>

Navigation bar

Use this for the logo placed in the default NavBar--apps component

Modifiers

Logo--nav
Navigation bar logo

Markup

<div class="NavBar NavBar--apps">
    <span class="Logo [modifier class]"></span>
</div>