Skip to content

Instantly share code, notes, and snippets.

@wvuwebgist wvuwebgist/nav.html
Created Jul 9, 2018

Embed
What would you like to do?
Output of r:site_menu with the sub_ul_class attribute.
<!-- Output of: -->
<!-- <r:site_menu max_depth="2" ul_class="wvu-nav__items" has_children_class="dropdown" sub_ul_class="sub-menu" /> -->
<!-- https://bitbucket.org/wvudigital/brand-patterns/src/7bb0f85a11bfcce06191d13902d5653f9dc9aa91/views/patterns/_wvu-nav-dropdowns.html#lines-18 -->
<ul class="wvu-nav__items">
<li><a href="#">Home</a></li>
<li class="dropdown">
<a href="#">General Guidelines</a>
<ul class="sub-menu sub-menu--level-1">
<li><a class="cs-external-link " title="" target="_self" href="#">Brand Guidelines</a></li>
<li><a href="#">Official Web Pages</a></li>
<li><a class="cs-internal-link " title="" target="_self" href="#">Accessibility</a></li>
<li><a href="#">Personal Web Pages</a></li>
<li><a href="#">Use of WVU Logos on the Web</a></li>
<li><a href="#">Social Media</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Content Managers</a>
<ul class="sub-menu sub-menu--level-1">
<li><a class="cs-external-link " title="" target="_self" href="#">Brand Guidelines</a></li>
<li><a class="cs-internal-link " title="" target="_self" href="#">Accessible Content</a></li>
<li><a href="#">Usability</a></li>
<li><a href="#">Image Guidelines for the Web</a></li>
<li><a href="#">Calendar</a></li>
<li><a href="#">Online Forms and Survey Tools</a></li>
<li><a href="#">A-Z Site Index</a></li>
<li><a href="#">InfoStations</a></li>
<li><a href="#">YouTube Videos</a></li>
<li><a href="#">iTunesU</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Designers and Developers</a>
<ul class="sub-menu sub-menu--level-1">
<li><a class="cs-external-link " title="" target="_self" href="#">Brand Guidelines</a></li>
<li><a href="#">Content Management System</a></li>
<li><a href="#">Common Elements for all WVU Web Pages</a></li>
<li><a href="#">Requesting a Site in CleanSlate</a></li>
<li><a href="#">Requesting a URL</a></li>
<li><a href="#">Tips for Designing WVU Branded Websites</a></li>
</ul>
</li>
<li class="dropdown">
<a class="active" href="#">Accessibility</a>
<ul class="sub-menu sub-menu--level-1">
<li><a href="#">For Content Creators</a></li>
<li><a href="#">For Designers &amp; Developers</a></li>
<li><a href="#">For Buyers</a></li>
<li><a href="#">Social Media Accessibility</a></li>
<li><a href="#">Policies</a></li>
<li><a href="#">Accessibility FAQ's</a></li>
<li><a href="#">Get Help and Give Feedback</a></li>
</ul>
</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.