@import "flive-vars";

.base {
  padding: 0.8rem;
  font-size: 1rem;
  line-height: 1.2em;
  border: 1px solid transparent;
  margin-bottom: 4px;
  margin-top: 4px;
  a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
  }
}

.small {
  margin: 0px;
}
.xsmall {
  padding: 10px;
}

.alert-title {
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 0;
}

.alert-text {
  font-weight: normal;
}

.alert-info {
  composes: base;
  color: $alert-info-text-color;
  border-color: $alert-info-border-color;
  background-color: $alert-info-background-color;
}

.alert-success {
  composes: base;
  color: $alert-success-text-color;
  border-color: $alert-success-border-color;
  background-color: $alert-success-background-color;
}

.alert-warning {
  composes: base;
  color: $alert-warning-text-color;
  border-color: $alert-warning-border-color;
  background-color: $alert-warning-background-color;
}

.alert-danger {
  composes: base;
  color: $alert-danger-text-color;
  border-color: $alert-danger-border-color;
  background-color: $alert-danger-background-color;
}

.inline-block {
  display: inline-block;
  margin: 0 .5em;
}