@itwin/itwinui-css/css/status-message.css

CSS library for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications.

/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
.iui-status-message{gap:var(--iui-size-2xs);font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);align-items:center;display:flex}.iui-status-message[data-iui-status=positive]{color:var(--iui-color-text-positive);--_iui-svg-fill:var(--iui-color-icon-positive)}.iui-status-message[data-iui-status=positive] a{color:var(--iui-color-text-positive);text-decoration:underline}.iui-status-message[data-iui-status=positive] a:hover{color:var(--iui-color-text-positive-hover);text-decoration:none}.iui-status-message[data-iui-status=warning]{color:var(--iui-color-text-warning);--_iui-svg-fill:var(--iui-color-icon-warning)}.iui-status-message[data-iui-status=warning] a{color:var(--iui-color-text-warning);text-decoration:underline}.iui-status-message[data-iui-status=warning] a:hover{color:var(--iui-color-text-warning-hover);text-decoration:none}.iui-status-message[data-iui-status=negative]{color:var(--iui-color-text-negative);--_iui-svg-fill:var(--iui-color-icon-negative)}.iui-status-message[data-iui-status=negative] a{color:var(--iui-color-text-negative);text-decoration:underline}.iui-status-message[data-iui-status=negative] a:hover{color:var(--iui-color-text-negative-hover);text-decoration:none}