<div class="document_list secure">
    <ul class="list">
        <li class="list_item">
            <span>
                <a href="#">
                    Document Item 1
                </a>
            </span>
        </li><!-- end list_item -->
        <li class="list_item">
            <span>
                <a href="#">
                    Document Item 2
                </a>
            </span>
        </li><!-- end list_item -->
        <li class="list_item">
            <span>
                <a href="#">
                    Document Item 3
                </a>
            </span>
        </li><!-- end list_item -->
        <li class="list_item">
            <span>
                <a href="#">
                    Document Item 4
                </a>
            </span>
        </li><!-- end list_item -->
    </ul>
</div><!-- end group_list -->
<div class="document_list secure">
  <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_url": "#",
      "list_item_content": "Document Item 1"
    },
    "2": {
      "list_item_url": "#",
      "list_item_content": "Document Item 2"
    },
    "3": {
      "list_item_url": "#",
      "list_item_content": "Document Item 3"
    },
    "4": {
      "list_item_url": "#",
      "list_item_content": "Document Item 4"
    }
  }
}
  • Content:
    .document_list {
      &.secure {
        .list {
          @include reset-list-nav;
    
          .list_item {
            margin: 0 0 $space-one-half 0;
    
            .right-content & {
              max-width: 100%;
            }
    
            a {
              &::after {
                position: unset;
                @include font-awesome-base;
                content: '\f30d';
                margin: 0 0 0 $space_one_half;
    
                .color-scheme-dark & {
                  fill: $white;
                  fill: var(--white, $white);
                }
    
                .no-js & {
                  content: "";
                }
              }
            }
          }
        }
      }
    }
    
  • URL: /components/raw/secure-document/secure-document.scss
  • Filesystem Path: bits/04-components/document-list/secure-document/secure-document.scss
  • Size: 600 Bytes

Display list of doucments that require a Lehigh University login.