// // Alerts // --- // bigchaindb.com // // Base .alert { @extend .small; padding: $alert-padding; margin-bottom: $spacer; border-radius: $border-radius; text-align: left; // Improve alignment and spacing of inner content > p + p { margin-top: 5px; } > p:last-child { margin-bottom: 0; } } .alert__icon { display: block; width: 100%; height: 2rem; stroke-width: 3; margin: 0 auto $spacer; border-bottom: 1px solid transparent; padding-bottom: $spacer; } // // Alternate styles // .alert--success { @include alert-variant($alert-success-bg, $alert-success-text); } .alert--info { @include alert-variant($alert-info-bg, $alert-info-text); } .alert--warning { @include alert-variant($alert-warning-bg, $alert-warning-text); } .alert--danger { @include alert-variant($alert-danger-bg, $alert-danger-text); }