1.alert-banner { 2 padding: 1rem 1rem 0.75rem; 3 border-left-width: 3px; 4 border-left-style: solid; 5 display: flex; 6 .status-icon { 7 margin-right: 1rem; 8 display: flex; 9 flex-direction: column; 10 justify-content: center; 11 width: 1.2rem; 12 } 13} 14 15.alert-banner--error { 16 background-color: $notification-error--light; 17 border-left-color: $notification-error--dark; 18} 19.alert-banner--success { 20 background-color: $notification-success--light; 21 border-left-color: $notification-success--dark; 22} 23.alert-banner--warn { 24 background-color: $notification-warn--light; 25 border-left-color: $notification-warn--dark; 26} 27.alert-banner--info { 28 background-color: $notification-info--light; 29 border-left-color: $notification-info--dark; 30}