@react-spectrum/s2
Version:
Spectrum 2 UI components in React
293 lines (228 loc) • 5.31 kB
CSS
@layer _.a {
._pN79Hzc1 {
color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
}
._pc1 {
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
._pc1 {
--lightningcss-light: ;
--lightningcss-dark: initial;
}
}
._pb1 {
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light;
}
._pa1 {
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
}
._Ca1 {
justify-content: center;
}
.eb1 {
align-items: center;
}
.Le1 {
max-width: calc(10rem * var(--s2-scale));
}
.MAyFGYc1 {
min-height: var(--M);
}
._oa1 {
box-sizing: border-box;
}
.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-b1 {
--fs: pow(1.125, -1);
}
.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);
}
.pr1 {
color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
}
._kJ8iPYd1 {
border-top-width: var(--_k);
}
.hXMFGYc1 {
border-bottom-width: var(--h);
}
.g01 {
background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.ob1 {
border-start-start-radius: .5rem;
}
.nb1 {
border-start-end-radius: .5rem;
}
.kb1 {
border-end-start-radius: .5rem;
}
.jb1 {
border-end-end-radius: .5rem;
}
.Sv1 {
padding-inline-start: calc(var(--F, var(--M)) * 3 / 8);
}
.Rv1 {
padding-inline-end: calc(var(--F, var(--M)) * 3 / 8);
}
.Tu7Fubd1 {
padding-top: calc((var(--M) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
}
.Qu7Fubd1 {
padding-bottom: calc((var(--M) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
}
.Yd1 {
transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
}
.Xc1 {
transition-duration: .2s;
}
._2c1 {
transition-timing-function: cubic-bezier(.5, 0, 1, 1);
}
.-_7PloMd-G1 {
--translateX: 4px;
}
.-_7PloMd-m1 {
--translateX: -4px;
}
.-_8PloMd-F1 {
--translateY: 4px;
}
.-_8PloMd-l1 {
--translateY: -4px;
}
._Ia1 {
opacity: 0;
opacity: 0;
}
.-nTSCV-LTAEPe1 {
overflow-wrap: break-word;
}
.-M_-Mg1 {
--M: calc(1.5rem * var(--s2-scale));
}
.sb1 {
display: block;
}
.tr1 {
fill: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.Zi1 {
width: calc(.625rem * var(--s2-scale));
}
.Ff1 {
height: calc(.3125rem * var(--s2-scale));
}
._Sb1 {
rotate: none;
}
._Sc1 {
rotate: 180deg;
}
._Sa1 {
rotate: -90deg;
}
._Sd1 {
rotate: 90deg;
}
.-_7PloMd-e1 {
--translateX: -25%;
}
.-_7PloMd-y1 {
--translateX: 25%;
}
.__Ya1 {
translate: var(--translateX, 0) var(--translateY, 0);
}
}
@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 _.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;
}
}
@layer _.b.l {
@media (forced-colors: active) {
.plb1 {
color: buttontext;
}
.mlb1 {
border-inline-start-width: 1px;
}
.llb1 {
border-inline-end-width: 1px;
}
._jlf1 {
border-style: solid;
}
.ilA1 {
border-color: #0000;
}
.-_k_-l_kb1 {
--_k: 1px;
}
.-h_-lhb1 {
--h: 1px;
}
}
}
/*# sourceMappingURL=Tooltip.css.map */