Hugo Zen Style Guide

  • 0Overview
  • 1Colors and Sass
  • 2Defaults
  • 3Layouts
  • 4Components
  • 5Navigation

4.7 components.inline-links Inline links

Toggle example guides Toggle HTML markup

A list of links that are inline with each other.

Example
  • Read more
  • Comment
Markup: components/inline-links/inline-links.twig
<ul class="inline-links {{modifier_class}}">
  <li class="inline-links__item"><a href="#">Read more</a></li>
  <li class="inline-links__item"><a href="#">Comment</a></li>
</ul>
Source: components/inline-links/_inline-links.scss, line 1