UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

40 lines (22 loc) 2.41 kB
/* 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 !important; top: 0; width: 0.0625rem !important; height: 0.0625rem !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .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); } }