alert.css — SureCart – Ecommerce Made Easy For Selling Physical Products, Digital Downloads, Subscriptions, Donations, & Payments 4.5.0

surecart / packages / blocks-next / build / styles / alert.css
surecart / packages / blocks-next / build / styles Last commit date
alert.css
2 lines
.sc-alert{border-radius:var(--sc-alert-border-radius,var(--sc-border-radius-medium));display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sc-input-font-family);font-size:var(--sc-button-font-size-medium);font-weight:var(--sc-font-weight-normal);line-height:var(--sc-line-height-dense);padding:var(--sc-spacing-large);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:var(--sc-alert-background-color,var(--sc-color-white));border:var(--sc-alert-border,var(--sc-input-border));border-top:solid var(--sc-alert-border-width,3px);-webkit-box-shadow:var(--sc-shadow-small);box-shadow:var(--sc-shadow-small);color:var(--sc-alert-color,var(--sc-input-label-color))}.sc-alert ul{line-height:1.4em;list-style-type:disc;margin:0;padding:0 0 0 20px}.sc-alert[hidden]{display:none!important}.sc-alert__text{-webkit-box-flex:1;-ms-flex:1;flex:1}.sc-alert__alert--primary{border-top-color:var(--sc-alert-primary-border-color,var(--sc-color-primary-500))}.sc-alert__alert--primary a{color:var(--sc-color-primary-900)}.sc-alert__alert--primary .sc-alert__title{color:var(--sc-alert-title-color,var(--sc-color-gray-800))}.sc-alert__alert--primary .sc-alert__icon{color:var(--sc-alert-primary-icon-color,var(--sc-color-primary-500))}.sc-alert__alert--info{border-top-color:var(--sc-alert-info-border-color,var(--sc-color-info-500))}.sc-alert__alert--info a{color:var(--sc-color-info-900)}.sc-alert__alert--info .sc-alert__title{color:var(--sc-alert-title-color,var(--sc-color-gray-800))}.sc-alert__alert--info .sc-alert__icon{color:var(--sc-alert-info-icon-color,var(--sc-color-info-500))}.sc-alert__alert--danger{border-top-color:var(--sc-alert-danger-border-color,var(--sc-color-danger-500))}.sc-alert__alert--danger a{color:var(--sc-color-danger-900)}.sc-alert__alert--danger .sc-alert__title{color:var(--sc-alert-title-color,var(--sc-color-gray-800))}.sc-alert__alert--danger .sc-alert__icon{color:var(--sc-alert-danger-icon-color,var(--sc-color-danger-500))}.sc-alert__alert--warning{border-top-color:var(--sc-alert-warning-border-color,var(--sc-color-warning-500))}.sc-alert__alert--warning a{color:var(--sc-color-warning-900)}.sc-alert__alert--warning .sc-alert__title{color:var(--sc-alert-title-color,var(--sc-color-gray-800))}.sc-alert__alert--warning .sc-alert__icon{color:var(--sc-alert-warning-icon-color,var(--sc-color-warning-500))}.sc-alert__alert--success{border-top-color:var(--sc-alert-success-border-color,var(--sc-color-success-500))}.sc-alert__alert--success a{color:var(--sc-color-success-900)}.sc-alert__alert--success .sc-alert__title{color:var(--sc-alert-title-color,var(--sc-color-gray-800))}.sc-alert__alert--success .sc-alert__icon{color:var(--sc-alert-success-icon-color,var(--sc-color-success-500))}.sc-alert__icon{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sc-font-size-large);-webkit-padding-end:var(--sc-spacing-medium);padding-inline-end:var(--sc-spacing-medium)}.sc-alert__title{font-weight:var(--sc-font-weight-semibold)}.sc-alert__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.sc-alert__close{border-radius:var(--sc-border-radius-small);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto;padding:var(--sc-spacing-x-small);-webkit-transition:background-color var(--sc-transition-fast) ease;transition:background-color var(--sc-transition-fast) ease}.sc-alert__close svg{height:1em;width:1em}.sc-alert__is-rtl{text-align:right}.sc-alert__is-rtl.alert-close{margin-left:unset;margin-right:auto}.sc-alert__is-rtl ::slotted(ul){margin:0;padding:0 20px 0 0}