CDLIB UI

Mobile Nav 

<nav class="c-mobilenav">
    <ul>
        <li>

            <a href="">Intelligent Steel Chair</a>

        </li>
        <li>

            <a href="">Refined Metal Car</a>

        </li>
        <li>

            <a href="">Tasty Frozen Car</a>

        </li>
        <li>

            <a href="">Fantastic Soft Towels</a>

        </li>
        <li>

            <a href="">Luxurious Wooden Bacon</a>

        </li>
    </ul>
</nav>
 
<nav class="c-mobilenav">
  <ul>
    {{#each list}}
    <li>
      {{> @link }}
    </li>
    {{/each}}
  </ul>
</nav>
 
{
  "list": [
    {
      "link": {
        "text": "Intelligent Steel Chair"
      }
    },
    {
      "link": {
        "text": "Refined Metal Car"
      }
    },
    {
      "link": {
        "text": "Tasty Frozen Car"
      }
    },
    {
      "link": {
        "text": "Fantastic Soft Towels"
      }
    },
    {
      "link": {
        "text": "Luxurious Wooden Bacon"
      }
    }
  ]
}

Styling with this component only appears between base and large screen breakpoints; there is no styling after the mobile breakpoint.