@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
54 lines (53 loc) • 1.12 kB
CSS
.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;
}