UNPKG

@shopify/polaris

Version:

Shopify’s admin product component library

42 lines (23 loc) 1.98 kB
/* 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; }