CSS Styles for Icon
|
CSS Property |
Description |
|---|---|
| finesse-icon-success | Use this class to style an SVG icon, to fill it with a success color. |
| finesse-icon-neutral | Use this class to style an SVG icon, to fill it with a neutral color, i.e., grey color. |
| finesse-icon-neutral-header | Use this class to style an SVG icon, to fill it with a neutral color in headers. |
| finesse-icon-warning | Use this class to style an SVG icon, to fill it with a warning color. |
| finesse-icon-error | Use this class to style an SVG icon, to fill it with an error color. |
| finesse-icon-neutral-dark | Use this class to style an SVG icon, to fill it with a dark color, i.e., dark grey color. |
| finesse-icon-info | Use this class to style an SVG icon, to fill it with a color to convey specific information. |
| finesse-icon-neutral-disabled | Use this class to style an SVG icon, to fill it with light grey color indicating the icon is disabled. |
| finesse-icon-success-background-color | Use this class to style an icon, to fill it with a success color. |
| finesse-icon-neutral-background-color | Use this class to style an icon, to fill it with a background neutral color. |
| finesse-icon-neutral-header-background-color | Use this class for background color of an icon, to fill it with a background neutral color in headers. |
| finesse-icon-warning-background-color | Use this class for background color of an icon, to fill it with a warning color. |
| finesse-icon-error-background-color | Use this class for background color of an icon, to fill it with an error color. |
| finesse-icon-neutral-dark-background-color | Use this class for background color of an icon, to fill it with a neutral dark color. |
| finesse-icon-info-background-color | Use this class for background color of icon, filling it with color to convey specific information. |
| finesse-icon-background-neutral-background-color | Use this class for background color of icon, filling it with color to convey specific information. |
| finesse-icon-neutral-disabled-background-color | Use this class for background color of a disabled icon. |
| finesse-icon-badge-background-color | Use this class for background color of badge icon. |