College of Business Style Guide

Tags 

<div class="tags_section">
    <span>Tags:</span> <span><a href="#">Branding</a></span>
    <span><a href="#">Co-creation</a></span>
    <span><a href="#">Consumers</a></span>
</div>
 
<div class="tags_section">
  <span>{{ 'Tags'|t }}:</span>
  {% for tag in tags %}
    <span>
      {%- block cms_override -%}
        <a href="{{ tag.url }}">{{ tag.tag_name }}</a>
      {%- endblock cms_override -%}
    </span>
  {% endfor %}
</div>
 
{
  "tags": {
    "1": {
      "url": "#",
      "tag_name": "Branding"
    },
    "2": {
      "url": "#",
      "tag_name": "Co-creation"
    },
    "3": {
      "url": "#",
      "tag_name": "Consumers"
    }
  }
}
  • Content: 
    .tags_section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: $space-quintuple 0 $space 0;

  span {
    color: $grey_k60;

    &::after {
      content: ',';
      margin: 0 $space-one-fourth 0 0;
    }

    &:first-of-type,
    &:last-of-type {
      &::after {
        content: '';
      }
    }

    a {
      color: $grey_k60;
    }
  }
}
  • URL: /components/raw/tags/tags.scss
  • Filesystem Path: components/02-pieces/16-tags/tags.scss
  • Size: 367 Bytes

No notes defined.