strong-arc/client/less/ui/messages.less

A visual suite for the StrongLoop API Platform

.ui-msg-inline-error {
  color: @ui-msg-error-color;
}

.ui-msg-inline-success {
  color: @ui-msg-success-color;
}

.ui-msg-inline-info {
  color: @ui-msg-info-color;
}

.ui-msg-error {
  color: @ui-msg-error-color;
  border: .1rem solid @ui-msg-error-border-color;
  background-color: @ui-msg-error-bg-color;
  padding: 1rem;
  margin-bottom: 1rem;

  p {
    margin: 0;
  }
}

.ui-message {
  position: absolute;
  top: 7.5rem;
  width: 100%;
  color: @white;
  z-index: 10;
  padding: 1rem 14rem;
  min-height: 7rem;
  background: @grey-1 url(/images/bell.svg) no-repeat 14rem center;
  background-size: 3rem auto;

  .body {
    font-size: 2.2rem;
    padding: 1rem 10rem 1rem 5rem;

    a {
      font-size: 1.8rem;
      display: block;
      opacity: .85;
      color: inherit;
    }
  }

  button {
    position: absolute;
    right: 14rem;
    top: 50%;
    margin-top: -17px;
  }
}