@react-spectrum/s2
Version:
Spectrum 2 UI components in React
255 lines (197 loc) • 4.59 kB
CSS
@layer _.a {
.oc1 {
border-start-start-radius: .625rem;
}
.nc1 {
border-start-end-radius: .625rem;
}
.kc1 {
border-end-start-radius: .625rem;
}
.jc1 {
border-end-end-radius: .625rem;
}
.-Ovbhqd-g_g1 {
--s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
}
.-Ovbhqd-g01 {
--s2-container-bg: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.gEzkoQe1 {
background-color: var(--s2-container-bg);
}
._nLeasBb1 {
box-shadow: 0 4px 12px var(--lightningcss-light, #00000014) var(--lightningcss-dark, #0000003d), 0 2px 6px var(--lightningcss-light, #0000000a) var(--lightningcss-dark, #0000001f), 0 0 2px var(--lightningcss-light, #0000001f) var(--lightningcss-dark, #0000005c);
}
._oa1 {
box-sizing: border-box;
}
._Lf1 {
outline-style: solid;
}
._Mb1 {
outline-width: 1px;
}
.Oye39g1 {
outline-color: var(--lightningcss-light, #fff0) var(--lightningcss-dark, #323232);
}
.Oj1 {
outline-color: #0000;
}
.St1 {
padding-inline-start: 8px;
}
.Rt1 {
padding-inline-end: 8px;
}
.Te1 {
padding-top: 12px;
}
.Qe1 {
padding-bottom: 12px;
}
.Ul1 {
row-gap: 1rem;
}
.ql1 {
column-gap: 1rem;
}
._Pa1 {
position: absolute;
}
._lr1 {
bottom: 0;
}
._AI1 {
inset-inline-start: 8px;
}
.-F3Iohc-_zI1 {
--insetEnd: 8px;
}
.Za1 {
width: 100%;
}
.Zd1 {
width: auto;
}
.HM1 {
margin-inline-end: auto;
}
.Ll1 {
max-width: calc(60rem * var(--s2-scale));
}
.Yg1 {
transition-property: transform, translate, scale, rotate;
}
.Xc1 {
transition-duration: .2s;
}
._2b1 {
transition-timing-function: cubic-bezier(.45, 0, .4, 1);
}
.-_8PloMd-q1 {
--translateY: -8px;
}
.-_8PloMd-t1 {
--translateY: 100%;
}
.__Ya1 {
translate: var(--translateX, 0) var(--translateY, 0);
}
._Jb1 {
order: 1;
}
.IM1 {
margin-inline-start: auto;
}
._Ja1 {
order: 0;
}
.sd1 {
display: flex;
}
.eb1 {
align-items: center;
}
.Ub1 {
row-gap: .25rem;
}
.qb1 {
column-gap: .25rem;
}
.uk1 {
font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
}
.-_6BNtrc-c1 {
--fs: pow(1.125, 0);
}
.vx1 {
font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
}
.xb1 {
font-weight: 400;
}
._xa1 {
font-synthesis-weight: none;
}
._Fd1 {
line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
}
.pt1 {
color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.pr1 {
color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
}
}
@layer _.b {
.ucJ9TBTb1:lang(ar) {
font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
}
._FnuYUweb1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
line-height: 1.5;
}
}
@layer _.b.l {
@media (forced-colors: active) {
.Ola1 {
outline-color: buttonborder;
}
}
}
@layer _.c {
.ud3Euai1:lang(he) {
font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
}
}
@layer _.d {
.uea1:lang(ja) {
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
}
}
@layer _.e {
.ugb1:lang(ko) {
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
}
}
@layer _.f {
.uhd1:lang(zh) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
}
}
@layer _.g {
.uje1:lang(zh-hant) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
}
}
@layer _.h {
.u2NhKxcl1:lang(zh-HK) {
font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
}
}
@layer _.i {
.uic1:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
}
}
/*# sourceMappingURL=ActionBar.css.map */