<div class="link-group ">

    <ul class="clean">
        <li><a href="" class=""></a>
        </li>
        <li><a href="" class=""></a>
        </li>
        <li><a href="" class=""></a>
        </li>
        <li><a href="" class=""></a>
        </li>
        <li><a href="" class=""></a>
        </li>
        <li><a href="" class=""></a>
        </li>
    </ul>
</div>
{% if link_group is not empty %}
<div class="link-group {{ link_group.variant }}">
  {% include '@headline-group' with { hg: link_group.hg } %}
  <ul class="clean">
    {% for item in link_group.items %}
      <li>{% include '@link' with { link: item } %}</li>
    {% endfor %}
  </ul>
</div>
{% endif %}
{
  "hg": {
    "headline": "Link Group",
    "tag": "h2"
  },
  "link_group": {
    "items": [
      {
        "link": {
          "url": "http://www.example.com/",
          "title": "Default Link Text"
        }
      },
      {
        "link": {
          "url": "http://www.example.com/",
          "title": "Default Link Text"
        }
      },
      {
        "link": {
          "url": "http://www.example.com/",
          "title": "Default Link Text"
        }
      },
      {
        "link": {
          "url": "http://www.example.com/",
          "title": "Default Link Text"
        }
      },
      {
        "link": {
          "url": "http://www.example.com/",
          "title": "Default Link Text"
        }
      },
      {
        "link": {
          "url": "http://www.example.com/",
          "title": "Default Link Text"
        }
      }
    ]
  }
}
  • Content:
    .link-group {
    
    }
    
    .link-group--invisible-header {
      .headline-group {
        position: absolute;
        left: -999999em;
      }
    }
    
    /*
    .link-group--collapsed {
      display: none;
    }
    
    @include rr-break-directive(medium) {
      .link-group--collapsed {
        display: block;
      }
    }
    */
  • URL: /components/raw/link-group/link-group.scss
  • Filesystem Path: patterns/molecules/navigation/link-group/link-group.scss
  • Size: 263 Bytes

There are no notes for this item.