azure-devops-ui/Components/MessageBar/MessageBar.css

React components for building web UI in Azure DevOps

.bolt-messagebar {
  padding: 8px 16px;
}
.bolt-messagebar.severity-info {
  background-color: rgba(0, 0, 0, 0.02);
  background-color: var(--palette-black-alpha-2,rgba(0, 0, 0, 0.02));
}
.bolt-messagebar.severity-success {
  background-color: rgba(223, 246, 221, 1);
  background-color: var(--status-success-background,rgba(223, 246, 221, 1));
}
body.ms-vss-web-vsts-theme-hc-dark .bolt-messagebar.severity-success {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
}
.bolt-messagebar.severity-warning {
  background-color: rgba(251, 242, 236, 1);
  background-color: var(--status-warning-background,rgba(251, 242, 236, 1));
}
body.ms-vss-web-vsts-theme-hc-dark .bolt-messagebar.severity-warning {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
}
.bolt-messagebar.severity-error {
  background-color: rgba(249, 235, 235, 1);
  background-color: var(--status-error-background,rgba(249, 235, 235, 1));
}

.bolt-messagebar-icons,
.bolt-messagebar-buttons {
  max-height: 50px;
}

.bolt-messagebar-icon {
  margin-left: 8px;
  margin-right: 16px;
}
.severity-info .bolt-messagebar-icon {
  color: rgba(0, 120, 212, 1);
  color: var(--status-info-foreground,rgba(0, 120, 212, 1));
}
.severity-success .bolt-messagebar-icon {
  color: rgba(16, 124, 16, 1);
  color: var(--status-success-foreground,rgba(16, 124, 16, 1));
}
.severity-warning .bolt-messagebar-icon {
  color: rgba(177, 133, 37, 1);
  color: var(--status-warning-icon-foreground,rgba(177, 133, 37, 1));
}
.severity-error .bolt-messagebar-icon {
  color: rgba(205, 74, 69, 1);
  color: var(--status-error-foreground,rgba(205, 74, 69, 1));
}

.bolt-messagebar-message {
  align-items: center;
  min-height: 32px;
}
.bolt-messagebar-message:not(:last-child) {
  margin-right: 90px;
}

.bolt-messagebar-buttons {
  margin-left: auto;
}
.bolt-messagebar-buttons .bolt-button:first-child {
  margin-left: 8px;
}
.bolt-messagebar-buttons .bolt-button:not(:last-child) {
  margin-right: 8px;
}

.bolt-messagebar-close-button.bolt-button.icon-only {
  font-size: 1rem;
  padding: 0px;
  margin-right: -4px;
}

.bolt-messagebar.mobile .bolt-messagebar-content {
  padding: 10px 20px 10px 10px;
}
.bolt-messagebar.mobile .bolt-messagebar-icon {
  align-self: flex-start;
  margin: 0px;
  padding: 6px 8px;
}
.bolt-messagebar.mobile .bolt-messagebar-message {
  margin: 0px 0px 6px 8px;
  min-height: 0px;
}
.bolt-messagebar.mobile .bolt-messagebar-buttons {
  margin-bottom: 6px;
  margin-top: 2px;
}
.bolt-messagebar.mobile .bolt-messagebar-close-button {
  margin-left: 8px;
  margin-right: -10px;
}

/*# sourceMappingURL=MessageBar.css.map */