FAA Pattern Library - Network

Listing Featured 

<div class="listing-featured listing-featured--network">
</div>
 
<div class="listing-featured listing-featured--{{ siteUnit }}">
    {% block featuredContent %}{% endblock %}
</div>
 
{
  "siteUnit": "network",
  "departmentName": "Network",
  "background": "light"
}
  • Content: 
    .listing-featured
    --header-background-color cloud
    background-color var(--header-background-color)
    min-height 300px
    fluid(padding-bottom, 500px, maxContentWidth, 48px, 64px)
    padding-top 60px
    position relative

    &--college
        --header-background-color white

    &--music
        --header-background-color almaMaterDark

    &--durp
        padding-top 68px

    &:before
        background-color var(--header-background-color)
        content ''
        position absolute
        top 0
        bottom 0
        width 100vw
        right 100%

    &:after
        background-color var(--header-background-color)
        content ''
        position absolute
        top 0
        bottom 0
        width 100vw
        left 100%
  • URL: /components/raw/listing-featured/listing-featured.styl
  • Filesystem Path: components/partials/listing-featured/listing-featured.styl
  • Size: 756 Bytes
  • Handle: @listing-featured
  • Preview:
  • Filesystem Path: components/partials/listing-featured/listing-featured.twig

There are no notes for this item.