@shopify/polaris/build/esnext/components/CheckableButton/CheckableButton.css

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-CheckableButton_1a7z5 { font-size: var(--p-font-size-4); font-weight: var(--p-font-weight-medium); line-height: var(--p-line-height-1); text-transform: initial; letter-spacing: initial; display: flex; align-items: center; min-height: var(--p-line-height-6); min-width: var(--p-line-height-6); margin: 0; padding: calc((var(--p-line-height-6) - var(--p-line-height-2) - var(--p-space-05))/2) var(--p-space-4); line-height: 1; cursor: pointer; -webkit-user-select: none; user-select: none; text-decoration: none; text-align: left; border-radius: var(--p-border-radius-1); width: 100%; background: var(--p-surface); box-shadow: var(--p-shadow-button); border: var(--p-border-width-1) solid var(--p-border-neutral-subdued); border-top-color: var(--p-border-subdued); border-bottom-color: var(--p-border-shadow-subdued); }

@media (min-width: 40em) { .Polaris-CheckableButton_1a7z5 { font-size: var(--p-font-size-3); } }

.Polaris-CheckableButton_1a7z5 svg { fill: var(--p-icon-on-interactive); }

[data-buttongroup-segmented='true'] .Polaris-CheckableButton_1a7z5 { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.Polaris-CheckableButton_1a7z5:hover { background: var(--p-action-secondary-hovered); }

.Polaris-CheckableButton_1a7z5:active { background: var(--p-action-secondary-pressed); }

.Polaris-CheckableButton_1a7z5.Polaris-CheckableButton__CheckableButton--measuring_bwpnw { font-size: var(--p-font-size-4); font-weight: var(--p-font-weight-bold); }

.Polaris-CheckableButton_1a7z5.Polaris-CheckableButton__CheckableButton--measuring_bwpnw::before { content: ''; display: inline-block; width: var(--p-font-size-4); }

@media (min-width: 28.625em) { .Polaris-CheckableButton_1a7z5 { flex: 0 1 auto; } }

.Polaris-CheckableButton_1a7z5:focus { outline: none; }

.Polaris-CheckableButton_1a7z5.Polaris-CheckableButton__CheckableButton--plain_vhvci { border-radius: var(--p-border-radius-base); box-shadow: none; background: transparent; border: none; }

.Polaris-CheckableButton_1a7z5.Polaris-CheckableButton__CheckableButton--plain_vhvci:hover { background: transparent; }

.Polaris-CheckableButton_1a7z5.Polaris-CheckableButton__CheckableButton--selectMode_1hja7 { color: var(--p-text-subdued); font-weight: var(--p-font-weight-medium); }

.Polaris-CheckableButton_1a7z5.Polaris-CheckableButton__CheckableButton--selected_1xi7t { color: var(--p-text); }

.Polaris-CheckableButton__Checkbox_1d6zr { pointer-events: none; height: var(--p-choice-size); width: var(--p-choice-size); margin-left: calc((var(--p-space-2) + var(--p-space-025))*-1 - var(--p-control-border-width)); }

.Polaris-CheckableButton__Label_2vd36 { flex: 1 1; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis; padding: var(--p-space-025) 0; margin-left: calc(var(--p-space-5) - var(--p-control-border-width)); }