Lehigh Clutch Style Guide

Insecure Document List 

<div class="document_list insecure">
    <ul class="list">
        <li class="list_item">
            <span>
                <a href="">
                    <a href="#">Document Item 1</a>
                </a>
            </span>
        </li><!-- end list_item -->
        <li class="list_item">
            <span>
                <a href="">
                    <a href="#">Document Item 2</a>
                </a>
            </span>
        </li><!-- end list_item -->
        <li class="list_item">
            <span>
                <a href="">
                    <a href="#">Document Item 3</a>
                </a>
            </span>
        </li><!-- end list_item -->
        <li class="list_item">
            <span>
                <a href="">
                    <a href="#">Document Item 4</a>
                </a>
            </span>
        </li><!-- end list_item -->
    </ul>
</div><!-- end group_list -->
 
<div class="document_list insecure">
  <ul class="list">
  {% block document_list %}
    {% for list_item in list_items %}
     {% include "@list_item" with list_item only %}
    {% endfor %}
  {% endblock document_list %}
  </ul>
</div><!-- end group_list -->
 
{
  "list_items": {
    "1": {
      "list_item_content": "<a href=\"#\">Document Item 1</a>"
    },
    "2": {
      "list_item_content": "<a href=\"#\">Document Item 2</a>"
    },
    "3": {
      "list_item_content": "<a href=\"#\">Document Item 3</a>"
    },
    "4": {
      "list_item_content": "<a href=\"#\">Document Item 4</a>"
    }
  }
}
  • Content: 
    .document_list {
  margin-bottom: $space_and_half;

  &.insecure {
    .list {
      @include reset-list-nav;
      .list_item {
        margin: 0 0 $space-one-half 0;

        .right-content & {
          max-width: 100%;
        }

        a {
          &::after {
            position: unset;
            content:'';
          }
        }
      }
    }
  }
}
  • URL: /components/raw/insecure-document/insecure-document.scss
  • Filesystem Path: bits/04-components/document-list/insecure-document/insecure-document.scss
  • Size: 362 Bytes

Display list of documents that are open for the public to view.