@atlaskit/navigation-system
Version:
The latest navigation system for Atlassian apps.
53 lines • 3 kB
CSS
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}._189ee4h9{border-width:var(--ds-border-width,1px)}
._18zr12x7{padding-inline:var(--ds-space-075,6px)}
._18zrze3t{padding-inline:var(--ds-space-0,0)}
._1dqonqa1{border-style:solid}
._1h6d12f6{border-color:var(--ds-border-input-search,#0b120e24)}
._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
._1ii7kb7n{grid-row:1}
._1rjcze3t{padding-block:var(--ds-space-0,0)}
._yyhy11wp{grid-column:3}
._yyhycs5v{grid-column:2}
._yyhyjvu9{grid-column:1/-1}
._yyhykb7n{grid-column:1}
._18m915vq{overflow-y:hidden}
._1bah1h6o{justify-content:center}
._1bsb1osq{width:100%}
._1bsb5ymi{width:var(--n_tnSearchWidth,2pc)}
._1bsbzwfg{width:2pc}
._1bto1l2s{text-overflow:ellipsis}
._1e0c1txw{display:flex}
._1e0c9sqe{display:var(--n_tnSearchDisplay,none)}
._1e0cfswt{display:var(--n_tnSearchIconDisplay,flex)}
._1e0cglyw{display:none}
._1reo15vq{overflow-x:hidden}
._1ul9idpf{min-width:0}
._4cvr1h6o{align-items:center}
._4t3izwfg{height:2pc}
._80om1kdv{cursor:text}
._b4h01j9a{--n_tnSearchFieldBackground:var(--ds-background-input,#fff)}
._bfhk11rw{background-color:var(--n_tnSearchFieldBackground)}
._bfhk1j28{background-color:transparent}
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
._bfhksikg{background-color:var(--n_tnSearchIconBackground)}
._j1r711j1{--n_tnSearchIconBackground:var(--ds-top-bar-button-background,var(--ds-background-neutral-subtle,#00000000))}
._o5721q9c{white-space:nowrap}
._p12f1kvu{max-width:680px}
._syaz1kw7{color:inherit}
._syaz1q3r{color:var(--ds-icon,#292a2e)}
._vchhusvi{box-sizing:border-box}
._yv0e14iv{grid-template-columns:auto minmax(0,1fr) auto}
._yv0e1mfv{grid-template-columns:auto 1fr auto}
._3vbcl4ek:hover{--n_tnSearchFieldBackground:var(--ds-background-input-hovered,#f8f8f8)}
._irr311rw:hover{background-color:var(--n_tnSearchFieldBackground)}
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
._irr3sikg:hover{background-color:var(--n_tnSearchIconBackground)}
._ml493uto:hover{--n_tnSearchIconBackground:var(--ds-top-bar-button-background-hovered,var(--ds-background-neutral-subtle-hovered,#0515240f))}
._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
._1di611rw:active{background-color:var(--n_tnSearchFieldBackground)}
._1di6r01l:active{background-color:var(--ds-background-input-pressed,#fff)}
._1di6sikg:active{background-color:var(--n_tnSearchIconBackground)}
._1glhr01l:active{--n_tnSearchFieldBackground:var(--ds-background-input-pressed,#fff)}
._9gm9sn0f:active{--n_tnSearchIconBackground:var(--ds-top-bar-button-background-pressed,var(--ds-background-neutral-subtle-pressed,#0b120e24))}
@media (min-width:30rem){._114b11p5{display:grid}._114b17i4{display:var(--n_tnSearchIconDisplay,none)}._114b1mwp{display:var(--n_tnSearchDisplay,grid)}._g711exps{width:var(--n_tnSearchWidth,100%)}}