LESS: LESS CSS basic console and messages (e.g., error, warning, status) to work with Drupal's HTML class attributes

messages.less

/**
 * Messages
 *
 *
 */
#console {
  border: 0;
  font-size: 12px;
  margin: 14px 0 0;
  .messages {
    border: 0;
    margin: 0 0 12px;
    padding: 1em;
    &.error {
      background: #fbe3e4;
      color: #8a1f11;
      a {
        color: #8a1f11;
      }
    }
    &.status {
      background-color: #e6efc2;
      color: #264409;
      a {
        color: #264409;
      }
    }
    &.warning {
      background: #fff6bf;
      color: #514721;
      a {
        color: #514721;
      }
    }
  } 
}