@atlaskit/navigation-system
Version:
The latest navigation system for Atlassian apps.
39 lines • 2.09 kB
CSS
._nd5l8cbt{grid-area:top-bar}
._zulpu2gc{gap:var(--ds-space-100,8px)}
._18zridpf{padding-inline:0}
._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._121jglyw{--n_tnLogoDisplay:none}
._152t1nws{inset-block-start:var(--n_bnrM,0)}
._17hf1ris{--n_tnStartMinWidth:max-content}
._17sxglyw{--n_tnActionsDisplay:none}
._1bsb1j6v{width:1rem}
._1e0c11p5{display:grid}
._1e0c1ule{display:block}
._1f38jrq2{container-name:navigation-top-nav}
._1gd11txw{--n_tnSearchIconDisplay:flex}
._1oae1txw{--n_tnMiddleDisplay:flex}
._1pbyegat{z-index:4}
._1ul9idpf{min-width:0}
._1v3t1vi7{--n_tnEndMinWidth:32px}
._3um015vq{visibility:hidden}
._40201vi7{--n_tnSearchWidth:32px}
._4cvr1h6o{align-items:center}
._4gtwglyw{--n_tnSearchDisplay:none}
._4t3i1dgc{height:var(--n_tNvM)}
._4t3i1osq{height:100%}
._4t3iidpf{height:0}
._7cca15wb{container-type:inline-size}
._andq1wug{--n_tnSideWidth:auto}
._bfhkvuon{background-color:var(--ds-surface,#fff)}
._d6vu1bgi >span[data-ep-placeholder-id=top_navigation_skeleton]{display:contents}
._dv901txw{--n_tnIconDisplay:flex}
._kqsw1if8{position:sticky}
._kqswstnw{position:absolute}
._lcxvglyw{pointer-events:none}
._vchhusvi{box-sizing:border-box}
._yv0e14iv{grid-template-columns:auto minmax(0,1fr) auto}
._yv0e1mfv{grid-template-columns:auto 1fr auto}
@container navigation-top-nav (min-width: 30rem){._1vdu11p5{--n_tnSearchDisplay:grid}._tyr51osq{--n_tnSearchWidth:100%}._t7c0glyw{--n_tnSearchIconDisplay:none}}
@container navigation-top-nav (min-width: 48rem){._f4az18ax{grid-template-columns:1fr minmax(min-content,max-content) 1fr}._1nd111p5{--n_tnMiddleDisplay:grid}._1py31ris{--n_tnEndMinWidth:max-content}._orr21txw{--n_tnActionsDisplay:flex}}
@container navigation-top-nav (min-width: 64rem){._gaza1ris{--n_tnSideWidth:max-content}._e5ixp2n4{--n_tnStartMinWidth:330px}._8hhxp2n4{--n_tnEndMinWidth:330px}._pdk61txw{--n_tnLogoDisplay:flex}._1x9fglyw{--n_tnIconDisplay:none}}
@media (min-width:48rem){._1j8b18ax{grid-template-columns:1fr minmax(min-content,max-content) 1fr}}