@shopify/polaris
Version:
Shopify’s admin product component library
42 lines (23 loc) • 1.98 kB
CSS
/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Icon_yj27d { display: block; height: 1.25rem; width: 1.25rem; max-height: 100%; max-width: 100%; margin: auto; }
.Polaris-Icon--applyColor_2y25n { color: var(--p-surface); }
.Polaris-Icon--hasBackdrop_1anyy { position: relative; display: flex; align-items: center; margin: var(--p-space-1); }
.Polaris-Icon--hasBackdrop_1anyy::before { content: ''; position: absolute; top: calc(var(--p-space-1)*-1); bottom: calc(var(--p-space-1)*-1); left: calc(var(--p-space-1)*-1); right: calc(var(--p-space-1)*-1); border-radius: var(--p-border-radius-half); }
.Polaris-Icon--colorBase_nqlaq svg { fill: var(--p-icon); }
.Polaris-Icon--colorBase_nqlaq::before { background-color: var(--p-surface-neutral); }
.Polaris-Icon--colorSubdued_113xs svg { fill: var(--p-icon-subdued); }
.Polaris-Icon--colorCritical_glskc svg { fill: var(--p-icon-critical); }
.Polaris-Icon--colorCritical_glskc::before { background-color: var(--p-surface-critical); }
.Polaris-Icon--colorInteractive_1wzbd svg { fill: var(--p-interactive); }
.Polaris-Icon--colorWarning_14tqz svg { fill: var(--p-icon-warning); }
.Polaris-Icon--colorWarning_14tqz::before { background-color: var(--p-surface-warning); }
.Polaris-Icon--colorHighlight_2qv4t svg { fill: var(--p-icon-highlight); }
.Polaris-Icon--colorHighlight_2qv4t::before { background-color: var(--p-surface-highlight); }
.Polaris-Icon--colorSuccess_k0sue svg { fill: var(--p-icon-success); }
.Polaris-Icon--colorSuccess_k0sue::before { background-color: var(--p-surface-success); }
.Polaris-Icon--colorPrimary_4ruww svg { fill: var(--p-action-primary); }
.Polaris-Icon__Svg_375hu, .Polaris-Icon__Img_375hq { position: relative; display: block; width: 100%; max-width: 100%; max-height: 100%; }
.Polaris-Icon__Placeholder_w9ga3 { padding-bottom: 100%; background: currentColor; }