<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-top: $space_and_half;
      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: 393 Bytes

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