@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-8d4a80f0.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-15x);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:5.5rem}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:"6cf38241b486288ca1bddc30ca4ac5fd6718a6aa",role:"banner"},a("div",{key:"84b05e0c4b2d6c2d7fbd8cb569e69e65731b1b75",class:"cbp-universal-header__brand"},a("picture",{key:"7480e9cb652afcf73970730c6e778f7ddd146ef9"},a("source",{key:"ca115846b036a2bb61866673801397e30eeff5f5",srcSet:this.logoSrcSm,media:"(max-width: 37.5rem)",type:"image/svg+xml",height:44,width:44}),a("img",{key:"2d6678d3ca42c2290ab4a2685f95901c79d74163",src:this.logoSrcLg,alt:"U.S. Customs and Border Protection",height:"55",width:"186"}))),a("div",{key:"d2b591398309cce0e650a9873db1463694d92433",class:"cbp-universal-header__content"},a("slot",{key:"cd95d7c9027d1050aed311609173b2ac1f2e8ca4"})))}};n.style=s;export{n as cbp_universal_header};
//# sourceMappingURL=p-85cc2512.entry.js.map