@atlaskit/tile
Version:
A tile is a rounded square that takes an asset and represents a noun.
153 lines • 7.86 kB
CSS
._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
._189ee4h9{border-width:var(--ds-border-width,1px)}
._1dqonqa1{border-style:solid}
._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}._16jlidpf{flex-grow:0}
._17521osq svg{height:100%}
._17521wug svg{height:auto}
._18m915vq{overflow-y:hidden}
._1bah1h6o{justify-content:center}
._1bsb1tcg{width:24px}
._1bsb1ylp{width:40px}
._1bsb7vkz{width:1pc}
._1bsbckbl{width:3pc}
._1bsbgktf{width:20px}
._1bsbzwfg{width:2pc}
._1e0c116y{display:inline-flex}
._1hdc19el .emoji-common-emoji-sprite{min-width:10px}
._1hdc1gpt .emoji-common-emoji-sprite{min-width:1pc}
._1hdc1txs .emoji-common-emoji-sprite{min-width:20px}
._1hdca982 .emoji-common-emoji-sprite{min-width:24px}
._1hdcmccc .emoji-common-emoji-sprite{min-width:9pt}
._1hdcwk7l .emoji-common-emoji-sprite{min-width:14px}
._1iia1osq div{height:100%}
._1iia1wug div{height:auto}
._1jpx1dfr img{object-fit:cover}
._1o9zidpf{flex-shrink:0}
._1pc719el .emoji-common-emoji-sprite{height:10px}
._1pc71gpt .emoji-common-emoji-sprite{height:1pc}
._1pc71txs .emoji-common-emoji-sprite{height:20px}
._1pc7a982 .emoji-common-emoji-sprite{height:24px}
._1pc7mccc .emoji-common-emoji-sprite{height:9pt}
._1pc7wk7l .emoji-common-emoji-sprite{height:14px}
._1qwg19bv div{width:10px}
._1qwg1crf div{width:9pt}
._1qwg1osq div{width:100%}
._1qwg1tcg div{width:24px}
._1qwg7vkz div{width:1pc}
._1qwgdlk8 div{width:14px}
._1qwggktf div{width:20px}
._1reo15vq{overflow-x:hidden}
._1tkeidpf{min-height:0}
._1ul9idpf{min-width:0}
._1wyb19bv{font-size:10px}
._1wyb1crf{font-size:9pt}
._1wyb1tcg{font-size:24px}
._1wyb7vkz{font-size:1pc}
._1wybdlk8{font-size:14px}
._1wybgktf{font-size:20px}
._1xjx1osq span{height:100%}
._1xjx1wug span{height:auto}
._4cvr1h6o{align-items:center}
._4t3i1tcg{height:24px}
._4t3i1ylp{height:40px}
._4t3i7vkz{height:1pc}
._4t3ickbl{height:3pc}
._4t3igktf{height:20px}
._4t3izwfg{height:2pc}
._5ile19el .emoji-common-emoji-sprite{width:10px}
._5ile1gpt .emoji-common-emoji-sprite{width:1pc}
._5ile1txs .emoji-common-emoji-sprite{width:20px}
._5ilea982 .emoji-common-emoji-sprite{width:24px}
._5ilemccc .emoji-common-emoji-sprite{width:9pt}
._5ilewk7l .emoji-common-emoji-sprite{width:14px}
._bfhk115i{background-color:var(--ds-background-accent-blue-subtle,#669df1)}
._bfhk165s{background-color:var(--ds-background-accent-orange-subtler,#fce4a6)}
._bfhk16e3{background-color:var(--ds-background-accent-blue-bolder,#1868db)}
._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
._bfhk1917{background-color:var(--ds-background-warning,#fff5db)}
._bfhk19ip{background-color:var(--ds-background-information,#e9f2fe)}
._bfhk1a17{background-color:var(--ds-background-accent-teal-subtler,#c6edfb)}
._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
._bfhk1dy8{background-color:var(--ds-background-accent-blue-subtler,#cfe1fd)}
._bfhk1e5c{background-color:var(--ds-background-accent-green-bolder,#1f845a)}
._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
._bfhk1gmr{background-color:var(--ds-background-brand-subtlest,#e9f2fe)}
._bfhk1i45{background-color:var(--ds-background-accent-gray-bolder,#6b6e76)}
._bfhk1j28{background-color:transparent}
._bfhk1kkj{background-color:var(--ds-background-accent-orange-subtle,#fca700)}
._bfhk1kmu{background-color:var(--ds-background-warning-bold,#fbc828)}
._bfhk1mi6{background-color:var(--ds-background-accent-magenta-subtle,#e774bb)}
._bfhk1nm4{background-color:var(--ds-background-accent-purple-subtler,#eed7fc)}
._bfhk1o4i{background-color:var(--ds-background-brand-boldest,#1c2b42)}
._bfhk1qg1{background-color:var(--ds-background-accent-orange-bolder,#bd5b00)}
._bfhk1rsu{background-color:var(--ds-background-accent-green-subtle,#4bce97)}
._bfhk1rtt{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
._bfhk1s93{background-color:var(--ds-background-accent-blue-subtlest,#e9f2fe)}
._bfhk1vck{background-color:var(--ds-background-inverse-subtle,#00000029)}
._bfhk1vk5{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
._bfhk1vop{background-color:var(--ds-background-accent-yellow-bolder,#946f00)}
._bfhk1wnw{background-color:var(--ds-background-accent-green-subtler,#baf3db)}
._bfhk1y9u{background-color:var(--ds-background-success,#efffd6)}
._bfhk2c8p{background-color:var(--ds-background-accent-teal-bolder,#227d9b)}
._bfhk6vm6{background-color:var(--ds-background-discovery,#f8eefe)}
._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
._bfhk7xuz{background-color:var(--ds-background-accent-teal-subtlest,#e7f9ff)}
._bfhk8tvm{background-color:var(--ds-background-accent-magenta-subtlest,#ffecf8)}
._bfhk8y3s{background-color:var(--ds-background-accent-yellow-subtle,#eed12b)}
._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
._bfhkf5uh{background-color:var(--ds-background-accent-orange-subtlest,#fff5db)}
._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
._bfhkibhp{background-color:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
._bfhkkcmj{background-color:var(--ds-background-success-bold,#5b7f24)}
._bfhkkrt9{background-color:var(--ds-background-accent-red-subtle,#f87168)}
._bfhkm890{background-color:var(--ds-background-accent-lime-subtlest,#efffd6)}
._bfhkn729{background-color:var(--ds-background-accent-green-subtlest,#dcfff1)}
._bfhkp2ly{background-color:var(--ds-background-accent-purple-subtlest,#f8eefe)}
._bfhkr3uz{background-color:#000}
._bfhktde4{background-color:var(--ds-background-accent-lime-bolder,#5b7f24)}
._bfhktdv8{background-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}
._bfhku5tj{background-color:var(--ds-background-discovery-bold,#964ac0)}
._bfhku67f{background-color:#fff}
._bfhkuibq{background-color:var(--ds-background-accent-red-bolder,#c9372c)}
._bfhkv9ra{background-color:var(--ds-background-accent-magenta-subtler,#fdd0ec)}
._bfhkx4w0{background-color:var(--ds-background-information-bold,#1868db)}
._bfhkya33{background-color:var(--ds-background-accent-purple-bolder,#964ac0)}
._bfhkybec{background-color:var(--ds-background-danger-bold,#c9372c)}
._bfhkysee{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
._bfhkz2ec{background-color:var(--ds-background-accent-lime-subtler,#d3f1a7)}
._bna71osq img{height:100%}
._bna71wug img{height:auto}
._e2oo19bv span{width:10px}
._e2oo1crf span{width:9pt}
._e2oo1osq span{width:100%}
._e2oo1tcg span{width:24px}
._e2oo7vkz span{width:1pc}
._e2oodlk8 span{width:14px}
._e2oogktf span{width:20px}
._kqswh2mm{position:relative}
._mezj19bv img{width:10px}
._mezj1crf img{width:9pt}
._mezj1osq img{width:100%}
._mezj1tcg img{width:24px}
._mezj7vkz img{width:1pc}
._mezjdlk8 img{width:14px}
._mezjgktf img{width:20px}
._pkax19el .emoji-common-emoji-sprite{min-height:10px}
._pkax1gpt .emoji-common-emoji-sprite{min-height:1pc}
._pkax1txs .emoji-common-emoji-sprite{min-height:20px}
._pkaxa982 .emoji-common-emoji-sprite{min-height:24px}
._pkaxmccc .emoji-common-emoji-sprite{min-height:9pt}
._pkaxwk7l .emoji-common-emoji-sprite{min-height:14px}
._s7n4nkob{vertical-align:middle}
._vchhusvi{box-sizing:border-box}
._w8l519bv svg{width:10px}
._w8l51crf svg{width:9pt}
._w8l51osq svg{width:100%}
._w8l51tcg svg{width:24px}
._w8l57vkz svg{width:1pc}
._w8l5dlk8 svg{width:14px}
._w8l5gktf svg{width:20px}