@shopify/polaris
Version:
Shopify’s admin product component library
40 lines (22 loc) • 2.41 kB
CSS
/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Choice_j5gzq { display: inline-flex; justify-content: flex-start; padding: var(--p-space-1) 0; cursor: pointer; }
.Polaris-Choice--labelHidden_14tn9 { padding: 0; }
.Polaris-Choice--labelHidden_14tn9 > .Polaris-Choice__Label_2vd36 { position: absolute ; top: 0; width: 0.0625rem ; height: 0.0625rem ; margin: 0 ; padding: 0 ; overflow: hidden ; clip-path: inset(50%) ; border: 0 ; white-space: nowrap ; }
.Polaris-Choice--labelHidden_14tn9 .Polaris-Choice__Control_1u8vs { margin-top: 0; margin-right: 0; }
.Polaris-Choice--disabled_hcuh9 { cursor: default; }
.Polaris-Choice--disabled_hcuh9 > .Polaris-Choice__Label_2vd36 { color: var(--p-text-disabled); }
.Polaris-Choice--disabled_hcuh9 > .Polaris-Choice__Label_2vd36:hover { cursor: default; }
@media (-ms-high-contrast: active) { .Polaris-Choice--disabled_hcuh9 > .Polaris-Choice__Label_2vd36 { color: grayText; } }
.Polaris-Choice__Control_1u8vs { display: flex; flex: 0 0 auto; align-items: stretch; width: var(--p-choice-size); height: var(--p-choice-size); margin-right: var(--p-space-2); }
@media (max-width: 40em) { .Polaris-Choice__Control_1u8vs { --p-choice-size: 1.375rem; } }
.Polaris-Choice__Control_1u8vs > * { width: 100%; }
.Polaris-Choice__Label_2vd36 { font-size: var(--p-font-size-4); font-weight: var(--p-font-weight-regular); line-height: var(--p-line-height-2); text-transform: initial; letter-spacing: initial; -webkit-tap-highlight-color: transparent; }
@media (min-width: 40em) { .Polaris-Choice__Label_2vd36 { font-size: var(--p-font-size-3); } }
.Polaris-Choice__Label_2vd36:hover { cursor: pointer; }
.Polaris-Choice__Descriptions_pp5ln { padding-left: calc(var(--p-space-2) + var(--p-choice-size)); }
@media (max-width: 40em) { .Polaris-Choice__Descriptions_pp5ln { --p-choice-size: 1.375rem; } }
.Polaris-Choice__HelpText_8qj1a { font-size: var(--p-font-size-4); font-weight: var(--p-font-weight-regular); line-height: var(--p-line-height-2); text-transform: initial; letter-spacing: initial; color: var(--p-text-subdued); margin-bottom: var(--p-space-1); }
@media (min-width: 40em) { .Polaris-Choice__HelpText_8qj1a { font-size: var(--p-font-size-3); } }