@shopify/polaris
Version:
Shopify’s admin product component library
105 lines (81 loc) • 1.94 kB
CSS
.Polaris-Icon_yj27d{
display:block;
height:1.25rem;
width:1.25rem;
max-height:100%;
max-width:100%;
margin:auto;
}
.Polaris-Icon_yj27d svg{
fill:currentColor;
}
.Polaris-Icon--toneInherit_si5nx svg{
color:inherit;
}
.Polaris-Icon--toneBase_qk79r svg{
color:var(--p-color-icon);
}
.Polaris-Icon--toneSubdued_1rjys svg{
color:var(--p-color-icon-secondary);
}
.Polaris-Icon--toneCaution_1unb3 svg{
color:var(--p-color-icon-caution);
}
.Polaris-Icon--toneWarning_1phxg svg{
color:var(--p-color-icon-warning);
}
.Polaris-Icon--toneCritical_jv6uf svg{
color:var(--p-color-icon-critical);
}
.Polaris-Icon--toneInteractive_eznku svg{
color:var(--p-color-icon-emphasis);
}
.Polaris-Icon--toneInfo_888w9 svg{
color:var(--p-color-icon-info);
}
.Polaris-Icon--toneSuccess_15hst svg{
color:var(--p-color-icon-success);
}
.Polaris-Icon--tonePrimary_8qyly svg{
color:var(--p-color-icon-brand);
}
.Polaris-Icon--toneEmphasis_hs4c2 svg{
color:var(--p-color-icon-emphasis);
}
.Polaris-Icon--toneMagic_tqodm svg{
color:var(--p-color-icon-magic);
}
.Polaris-Icon--toneTextCaution_1q3ug svg{
color:var(--p-color-text-caution);
}
.Polaris-Icon--toneTextWarning_1ishd svg{
color:var(--p-color-text-warning);
}
.Polaris-Icon--toneTextCritical_4tiss svg{
color:var(--p-color-text-critical);
}
.Polaris-Icon--toneTextInfo_17zww svg{
color:var(--p-color-text-info);
}
.Polaris-Icon--toneTextPrimary_1dpg7 svg{
color:var(--p-color-text-brand);
}
.Polaris-Icon--toneTextSuccess_1tywg svg{
color:var(--p-color-text-success);
}
.Polaris-Icon--toneTextMagic_vi2k8 svg{
color:var(--p-color-text-magic);
}
.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:var(--p-color-bg-fill-tertiary);
border-radius:var(--p-border-radius-100);
}