UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

54 lines (53 loc) 1.12 kB
.spectrum-Icon { display: inline-block; /* Inherit the text color */ color: inherit; /* Fill should match the current text color */ fill: currentColor; } .spectrum-Icon.is-animated { /* Transition any color changes */ transition: color 150ms ease-in-out, fill 150ms ease-in-out; } .spectrum-Icon--sizeXXS, .spectrum-Icon--sizeXXS img, .spectrum-Icon--sizeXXS svg { height: 0.5625rem; width: 0.5625rem; } .spectrum-Icon--sizeXS, .spectrum-Icon--sizeXS img, .spectrum-Icon--sizeXS svg { height: 0.75rem; width: 0.75rem; } .spectrum-Icon--sizeS, .spectrum-Icon--sizeS img, .spectrum-Icon--sizeS svg { height: 1.125rem; width: 1.125rem; } .spectrum-Icon--sizeM, .spectrum-Icon--sizeM img, .spectrum-Icon--sizeM svg { height: 1.5rem; width: 1.5rem; } .spectrum-Icon--sizeL, .spectrum-Icon--sizeL img, .spectrum-Icon--sizeL svg { height: 2.25rem; width: 2.25rem; } .spectrum-Icon--sizeXL, .spectrum-Icon--sizeXL img, .spectrum-Icon--sizeXL svg { height: 3rem; width: 3rem; } .spectrum-Icon--sizeXXL, .spectrum-Icon--sizeXXL img, .spectrum-Icon--sizeXXL svg { height: 4.5rem; width: 4.5rem; }