@react-spectrum/s2
Version:
Spectrum 2 UI components in React
176 lines (135 loc) • 2.36 kB
CSS
@layer _.a {
.se91 {
display: grid;
}
.z2mU91 {
grid-column-start: 1;
}
.yvoofG91 {
grid-column-end: span 2;
}
.DM8Mfn91 {
grid-template-columns: 1fr;
}
.DPlN5qb91 {
grid-template-columns: auto 1fr;
}
.DLwlgod91 {
grid-template-columns: subgrid;
}
.E4w1sLc91 {
grid-template-rows: auto 1fr auto;
}
.EPlN5qb91 {
grid-template-rows: auto 1fr;
}
.Cxaocre91 {
grid-template-areas: "label"
"input"
"helptext";
}
.CbRM95c91 {
grid-template-areas: "label input"
"label helptext";
}
.vd91 {
font-size: .875rem;
}
.va91 {
font-size: .6875rem;
}
.vb91 {
font-size: .75rem;
}
.vp91 {
font-size: 1rem;
}
.vg91 {
font-size: 1.125rem;
}
.ea91 {
align-items: baseline;
}
.-BhX7R-Fx91 {
--field-height: calc(2rem * var(--s2-scale));
}
.-BhX7R-Fn91 {
--field-height: calc(1.25rem * var(--s2-scale));
}
.-BhX7R-Fp91 {
--field-height: calc(1.5rem * var(--s2-scale));
}
.-BhX7R-Fv91 {
--field-height: calc(2.5rem * var(--s2-scale));
}
.-BhX7R-Fz91 {
--field-height: calc(3rem * var(--s2-scale));
}
.-AJjOLd-UVxyPec91 {
--field-gap: calc(var(--field-height) - 1lh);
}
.qg91 {
column-gap: .75rem;
}
.__ca91 {
-webkit-tap-highlight-color: #0000;
}
.zXcEWr91 {
grid-column-start: input;
}
.yXcEWr91 {
grid-column-end: input;
}
.BXcEWr91 {
grid-row-start: input;
}
.AXcEWr91 {
grid-row-end: input;
}
.sd91 {
display: flex;
}
._ta91 {
flex-direction: column;
}
._tc91 {
flex-direction: row;
}
._Fa91 {
line-height: 1.3;
}
.UgOnRt91 {
row-gap: var(--field-gap);
}
.ql91 {
column-gap: 1rem;
}
._wb91 {
flex-wrap: wrap;
}
}
@layer _.b {
._Ffb91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
line-height: 1.5;
}
}
@layer _.b.s {
@media not ((hover: hover) and (pointer: fine)) {
.vsf91 {
font-size: 1.0625rem;
}
.vsc91 {
font-size: .8125rem;
}
.vse91 {
font-size: .9375rem;
}
.vsh91 {
font-size: 1.1875rem;
}
.vsj91 {
font-size: 1.375rem;
}
}
}
/*# sourceMappingURL=CheckboxGroup.css.map */