ayovue/themes/default/toasts.css

A progressive vue components library designed to simplify and accelerate your web development process.

@import url('../base/toasts.css');

.a-toast {
  color: var(--a-c-theme-600);
  background-color: var(--a-c-theme-50);
  border-left: 4px solid var(--a-c-theme-600);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.a-toast .a-toast-icon {
    padding: 13px 2px 9px 9px;
  }

.a-toast .a-toast-heading {
    font-size: 16px;
    font-weight: bold;
    padding: 9px 11px 0 11px;
  }

.a-toast .a-toast-close {
    padding: 13px 9px 9px 2px;
  }

.a-toast .a-toast-close:hover {
    color: red;
  }

.a-toast .a-toast-body {
    padding: 0 11px 11px 11px;
    border-radius: 9px;
  }

.a-toast-progress {
  background-color: var(--a-c-theme-600);
  color: #fff;
}