@fishtank/fishtank-vue/dist/styles/alerts.css

Fish Tank VueJS Component Module

.ft-alert {
  padding: 0.75rem;
  position: relative;
  border-color: #292E31;
  border-width: 1px;
  border-style: solid; }

.ft-alert__icon {
  position: absolute; }
  .ft-alert__icon svg {
    height: 2rem;
    width: 2rem; }
  .ft-alert__icon + .ft-alert__content {
    margin-left: 2.75rem; }

.ft-alert__content {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-left: 0.75rem; }

.ft-alert__heading {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem; }

.ft-alert--error {
  background-color: #FBECEB;
  border-color: #E1483E; }
  .ft-alert--error .ft-alert__icon {
    color: #E1483E; }

.ft-alert--info {
  background-color: #E7F5FB;
  border-color: #0D9DDB; }
  .ft-alert--info .ft-alert__icon {
    color: #0D9DDB; }

.ft-alert--success {
  background-color: #EBF6F1;
  border-color: #49B88B; }
  .ft-alert--success .ft-alert__icon {
    color: #49B88B; }