ffr-components/es/alert/style.css

Fiori styled UI components

@charset "UTF-8";
/*!
 * Fundamental Styles v0.3.0
 * Copyright (c) 2019 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */
/*!
.fd-overlay
*/.fd-overlay{--fd-overlay-background-color:rgba(74,80,92,0.3);position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.fd-overlay.is-hidden{display:none}.fd-overlay--modal{background-color:var(--fd-overlay-background-color,rgba(74,80,92,.3));height:100vh;width:100vw}.fd-overlay--alert{position:fixed;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);margin-top:28px}
/*!
.fd-alert+(--information, --success, --warning, --error, --no-icon)
    .fd-alert__close
*/.fd-alert{font-size:14px;line-height:1.42857;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;position:relative;color:#32363a;background-color:#f4f4f4;border:1px solid #6a6d70;border-radius:.25rem;padding:.5rem 1rem;min-height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hcb .fd-alert{color:#fff;color:#32363a}.hcb .fd-alert,.hcw .fd-alert{background-color:#f4f4f4;border-color:#6a6d70}.hcw .fd-alert{color:#000;color:#32363a}.fd-alert:after,.fd-alert:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-alert .sap-icon--message-error,.fd-alert .sap-icon--message-information,.fd-alert .sap-icon--message-success,.fd-alert .sap-icon--message-warning{display:none}.fd-alert__close{position:absolute;width:2rem;height:1.625rem;top:.375rem;right:.125rem;display:inline-block;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;background-color:transparent;border-radius:4px}.fd-alert__close:before{font-family:SAP-icons;font-style:normal;font-weight:400;text-align:center;font-size:14px;display:inline-block;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none;content:"";font-size:20px;line-height:1}.fd-alert__close.is-focus,.fd-alert__close:focus{-webkit-box-shadow:0 0 0 1px #085caf;box-shadow:0 0 0 1px #085caf;z-index:5}.hcb .fd-alert__close.is-focus,.hcb .fd-alert__close:focus{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000}.hcw .fd-alert__close.is-focus,.hcw .fd-alert__close:focus{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.fd-alert__close[dir=rtl],[dir=rtl] .fd-alert__close{left:.125rem;right:auto}.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--dismissible{padding-right:1rem;padding-left:2.5rem}.fd-alert--error,.fd-alert--information,.fd-alert--success,.fd-alert--warning{padding-left:2.5rem}.fd-alert--error:after,.fd-alert--error:before,.fd-alert--information:after,.fd-alert--information:before,.fd-alert--success:after,.fd-alert--success:before,.fd-alert--warning:after,.fd-alert--warning:before{position:absolute;width:2.5rem;top:.625rem;left:0}.fd-alert--error[dir=rtl],.fd-alert--information[dir=rtl],.fd-alert--success[dir=rtl],.fd-alert--warning[dir=rtl],[dir=rtl] .fd-alert--error,[dir=rtl] .fd-alert--information,[dir=rtl] .fd-alert--success,[dir=rtl] .fd-alert--warning{padding-right:2.5rem;padding-left:1rem}.fd-alert--error[dir=rtl]:after,.fd-alert--error[dir=rtl]:before,.fd-alert--information[dir=rtl]:after,.fd-alert--information[dir=rtl]:before,.fd-alert--success[dir=rtl]:after,.fd-alert--success[dir=rtl]:before,.fd-alert--warning[dir=rtl]:after,.fd-alert--warning[dir=rtl]:before,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--error:before,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--information:before,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--success:before,[dir=rtl] .fd-alert--warning:after,[dir=rtl] .fd-alert--warning:before{display:none}.fd-alert--error.fd-alert--dismissible,.fd-alert--information.fd-alert--dismissible,.fd-alert--success.fd-alert--dismissible,.fd-alert--warning.fd-alert--dismissible{padding-right:2.5rem}.fd-alert--error.fd-alert--dismissible[dir=rtl],.fd-alert--information.fd-alert--dismissible[dir=rtl],.fd-alert--success.fd-alert--dismissible[dir=rtl],.fd-alert--warning.fd-alert--dismissible[dir=rtl],[dir=rtl] .fd-alert--error.fd-alert--dismissible,[dir=rtl] .fd-alert--information.fd-alert--dismissible,[dir=rtl] .fd-alert--success.fd-alert--dismissible,[dir=rtl] .fd-alert--warning.fd-alert--dismissible{padding-left:2.5rem}.fd-alert--error[dir=rtl]:after,.fd-alert--information[dir=rtl]:after,.fd-alert--success[dir=rtl]:after,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--error:after,[dir=rtl] .fd-alert--information:after,[dir=rtl] .fd-alert--success:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;font-style:normal;font-weight:400;text-align:center;font-size:14px;display:inline-block;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none;position:absolute;right:0}.fd-alert--warning,.hcb .fd-alert--warning,.hcw .fd-alert--warning{background-color:#fef7f1;border-color:#e9730c}.fd-alert--warning:after,.fd-alert--warning:before,.hcb .fd-alert--warning:after,.hcb .fd-alert--warning:before,.hcw .fd-alert--warning:after,.hcw .fd-alert--warning:before{color:#e9730c}.fd-alert--warning:before{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--warning:before,.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-family:SAP-icons;font-style:normal;font-weight:400;text-align:center;display:inline-block;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none}.fd-alert--warning[dir=rtl]:after,[dir=rtl] .fd-alert--warning:after{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--error,.hcb .fd-alert--error,.hcw .fd-alert--error{background-color:#ffebeb;border-color:#b00}.fd-alert--error:after,.fd-alert--error:before,.hcb .fd-alert--error:after,.hcb .fd-alert--error:before,.hcw .fd-alert--error:after,.hcw .fd-alert--error:before{color:#b00}.fd-alert--error:before{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--error:before,.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-family:SAP-icons;font-style:normal;font-weight:400;text-align:center;display:inline-block;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none}.fd-alert--error[dir=rtl]:after,[dir=rtl] .fd-alert--error:after{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--success,.hcb .fd-alert--success,.hcw .fd-alert--success{background-color:#f1fdf6;border-color:#107e3e}.fd-alert--success:after,.fd-alert--success:before,.hcb .fd-alert--success:after,.hcb .fd-alert--success:before,.hcw .fd-alert--success:after,.hcw .fd-alert--success:before{color:#107e3e}.fd-alert--success:before{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--success:before,.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-family:SAP-icons;font-style:normal;font-weight:400;text-align:center;display:inline-block;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none}.fd-alert--success[dir=rtl]:after,[dir=rtl] .fd-alert--success:after{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--information,.hcb .fd-alert--information,.hcw .fd-alert--information{background-color:#f5faff;border-color:#0a6ed1}.fd-alert--information:after,.fd-alert--information:before,.hcb .fd-alert--information:after,.hcb .fd-alert--information:before,.hcw .fd-alert--information:after,.hcw .fd-alert--information:before{color:#0a6ed1}.fd-alert--information:before{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--information:before,.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-family:SAP-icons;font-style:normal;font-weight:400;text-align:center;display:inline-block;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none}.fd-alert--information[dir=rtl]:after,[dir=rtl] .fd-alert--information:after{font-size:14px;content:"";font-size:16px;line-height:1}.fd-alert--no-icon{padding-left:1rem}.fd-alert--no-icon:before{display:none}.fd-alert--no-icon[dir=rtl],[dir=rtl] .fd-alert--no-icon{padding-right:1rem}.fd-alert--no-icon[dir=rtl]:after,[dir=rtl] .fd-alert--no-icon:after{display:none}.fd-alert__text{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0}.hcb .fd-alert__text{color:#fff}.hcw .fd-alert__text{color:#000}.fd-alert__text:after,.fd-alert__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}