@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 2.02 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{r as e,h as a,a as r}from"./p-654179c2.js";const c='cbp-universal-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color-scheme:dark;color:var(--cbp-color-text-lightest);background-color:var(--cbp-color-branding-dhs-blue);min-height:var(--cbp-space-16x);width:100%;padding:0 var(--cbp-responsive-spacing-outer)}cbp-universal-header .cbp-universal-header__brand{align-items:center;display:flex}cbp-universal-header .cbp-universal-header__brand::after{content:"CBP";font-size:var(--cbp-font-size-heading-xl);margin-left:var(--cbp-space-2x)}cbp-universal-header .cbp-universal-header__content ul,cbp-universal-header .cbp-universal-header__content ol{display:flex;gap:var(--cbp-space-4x);list-style:none;margin:0;padding:0}cbp-universal-header .cbp-universal-header__content ul li,cbp-universal-header .cbp-universal-header__content ol li{display:inline}@media (min-width: 37.5em){cbp-universal-header{min-height:4rem}cbp-universal-header .cbp-universal-header__brand::after{content:""}}';const s=c;const n=class{constructor(a){e(this,a);this.logoSrcLg="/assets/images/cbp-header-logo.svg";this.logoSrcSm="/assets/images/cbp-seal.svg"}render(){return a(r,{key:"4a8fdc6a1639f7ed8797734edf4e18aa56d83636",role:"banner"},a("div",{key:"1121158af417b57bb09d1e3769a9adea90a84077",class:"cbp-universal-header__brand"},a("picture",{key:"80d63f93b7c666ad62706777df29a67718bf7566"},a("source",{key:"cf1aa99f094bbaddcbe99ef2cabf584297962207",srcSet:this.logoSrcSm,media:"(max-width: 37.5rem)",type:"image/svg+xml",height:44,width:44}),a("img",{key:"27377556eea49410e4b1dcab9e6e21adc87eca06",src:this.logoSrcLg,alt:"U.S. Customs and Border Protection",height:"48",width:"162"}))),a("div",{key:"cb722dc5541ae07c9b497432117762c88aba2e32",class:"cbp-universal-header__content"},a("slot",{key:"7788035fe3c2c8562ac368914fac3e0d97fc8faf"})))}};n.style=s;export{n as cbp_universal_header};
//# sourceMappingURL=p-cbcef7a8.entry.js.map