V6 Clearleft Patterns

Tags 

<ul class="Tags">
    <li>Tag 1</li>
    <li>Tag 2</li>
    <li>Tag 3</li>
</ul>
 
<ul class="Tags">
  {% for tag in tags %}
    <li>{{ tag }}</li>
  {% endfor %}
</ul>
 
{
  "tags": [
    "Tag 1",
    "Tag 2",
    "Tag 3"
  ]
}
  • Content: 
    .Tags {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: var(--space-2xs);
  color: var(--red);
  font-weight: bold;

  li {
    font-size: var(--step--1);
  }

  li:not(:last-child):after {
    content: '/';
    margin-left: var(--space-2xs);
  }
}
  • URL: /components/raw/tags/tags.css
  • Filesystem Path: src/templates/components/tags/tags.css
  • Size: 264 Bytes

No notes defined.