@react-spectrum/s2
Version:
Spectrum 2 UI components in React
261 lines (202 loc) • 4.16 kB
CSS
@layer _.a {
.oc91 {
border-start-start-radius: .625rem;
}
.nc91 {
border-start-end-radius: .625rem;
}
.kc91 {
border-end-start-radius: .625rem;
}
.jc91 {
border-end-end-radius: .625rem;
}
.-Ovbhqd-g_g91 {
--s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
}
.-Ovbhqd-g091 {
--s2-container-bg: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.gEzkoQe91 {
background-color: var(--s2-container-bg);
}
._nb91 {
box-shadow: 0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a);
}
._oa91 {
box-sizing: border-box;
}
._Lf91 {
outline-style: solid;
}
._Mb91 {
outline-width: 1px;
}
._Ka91 {
outline-offset: -1px;
}
.Of91 {
outline-color: var(--lightningcss-light, #e1e1e1) var(--lightningcss-dark, #323232);
}
.Oj91 {
outline-color: #0000;
}
.St91 {
padding-inline-start: 8px;
}
.Rt91 {
padding-inline-end: 8px;
}
.Te91 {
padding-top: 12px;
}
.Qe91 {
padding-bottom: 12px;
}
.Ul91 {
row-gap: 1rem;
}
.ql91 {
column-gap: 1rem;
}
._Pa91 {
position: absolute;
}
._lr91 {
bottom: 0;
}
._AI91 {
inset-inline-start: 8px;
}
.-F3Iohc-_zI91 {
--insetEnd: 8px;
}
.Za91 {
width: 100%;
}
.Zd91 {
width: auto;
}
.HM91 {
margin-inline-end: auto;
}
.Ll91 {
max-width: calc(60rem * var(--s2-scale));
}
.Yg91 {
transition-property: transform, translate, scale, rotate;
}
.Xc91 {
transition-duration: .2s;
}
._2b91 {
transition-timing-function: cubic-bezier(.45, 0, .4, 1);
}
.-_8PloMd-q91 {
--translateY: -8px;
}
.-_8PloMd-t91 {
--translateY: 100%;
}
.__Ya91 {
translate: var(--translateX, 0) var(--translateY, 0);
}
._Jb91 {
order: 1;
}
.IM91 {
margin-inline-start: auto;
}
._Ja91 {
order: 0;
}
.sd91 {
display: flex;
}
.eb91 {
align-items: center;
}
.Ub91 {
row-gap: .25rem;
}
.qb91 {
column-gap: .25rem;
}
.ug91 {
font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
}
.vd91 {
font-size: .875rem;
}
.wb91 {
font-variation-settings: "wght" 400;
}
.xb91 {
font-weight: 400;
}
._xa91 {
font-synthesis-weight: none;
}
._Fa91 {
line-height: 1.3;
}
.pt91 {
color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.pr91 {
color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
}
}
@layer _.b {
.uch91:lang(ar) {
font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
}
._Ffb91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
line-height: 1.5;
}
}
@layer _.b.l {
@media (forced-colors: active) {
.Ola91 {
outline-color: buttonborder;
}
}
}
@layer _.c {
.udi91:lang(he) {
font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
}
}
@layer _.d {
.uea91: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 {
.ugb91:lang(ko) {
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
}
}
@layer _.f {
.uhd91:lang(zh) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
}
}
@layer _.g {
.uje91: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 {
.uic91: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.s {
@media not ((hover: hover) and (pointer: fine)) {
.vsf91 {
font-size: 1.0625rem;
}
}
}
/*# sourceMappingURL=ActionBar.css.map */