FAA Pattern Library - Network

Test Banner 

<div class="test-banner test-banner--network">
    <div class="test-banner__text">The site is in test mode. Do not launch the site in this mode.</div>
</div>
 
<div class="test-banner test-banner--{{ siteUnit }}">
    <div class="test-banner__text">The site is in test mode. Do not launch the site in this mode.</div>
</div>
 
{
  "siteUnit": "network",
  "departmentName": "Network",
  "background": "light",
  "isTestMode": true
}
  • Content: 
    .test-banner
    background-color heritageOrange
    left 0
    right 0
    padding 48px
    position absolute
    top 0
    z-index 10

    &__text
        align-items center
        display flex
        font-size 24px
        font-weight 700
        justify-content center
  • URL: /components/raw/test-banner/test-banner.styl
  • Filesystem Path: components/partials/test-banner/test-banner.styl
  • Size: 275 Bytes

There are no notes for this item.