The gem includes 2 SVG versions of the O’Reilly Atlas logo. They default to having no margins or padding, to enable use in menus.


1<span class="logo"></span>
2<span class="logo logo-white"></span>


You can easily change the size of the logo by changing the width and height of the specific .logo box. However, the stylesheet ships with 4 different sizes:

1<div class="show-logo"><span class="logo logo-small"></span></div>
2<div class="show-logo"><span class="logo"></span></div>
3<div class="show-logo"><span class="logo logo-medium"></span></div>
4<div class="show-logo"><span class="logo logo-large"></span></div>