modern-spa-boilerplate/src/app/components/MessageBox.css

Modern Boilerplate for Single Page Applications

@load "Features.css";

.message-b3192856 {
  border: 2px solid #333;
  background: #eee;
  max-width: 25rem;

  p{
    padding: 0 1rem;
  }

  margin-top: 2rem;
  margin-bottom: 2rem;
}

.title-b3192856 {
  margin-top: 0;
  padding: 0.5rem 1rem;
  background: #335;
  color: white;
  @extend %inverted-text;
}

.buttonbar-b3192856 {
  width: auto;
  background: white;
  padding: 0.5rem;
  text-align: right;
  border-top: 1px solid #333;

  > *:not(:first-child){
    margin-left: 0.5rem;
  }
}

.cancel-b3192856 {
  @extend %base-button;
  background: #F44336;
}

.okay-b3192856 {
  @extend %base-button;
  background: #4CAF50;
}