Contents

// alert
$text-1: #FFFFFF;   // branco
$alert-success: #27ae60;  // verde
$alert-danger: #e74c3c;   // vermelho
$alert-notice: #2980b9;   // azul

// box sizing
@mixin box-sizing($boxmodel){
  -webkit-box-sizing: $boxmodel;
     -moz-box-sizing: $boxmodel;
          box-sizing: $boxmodel;
}

.alert-message {
  cursor: pointer;
  @include box-sizing(border-box);

  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;

  width: 100%;

  color: $text-1;
  font-size: 1.4em !important;
  text-align: center;

  padding: 10px 0 10px;

  .close {
    outline: none;
    @include box-sizing(border-box);

    position: absolute;
    right: 0;

    width: 42px;
    height: 42px;
    line-height: 42px;

    font-size: 1.4em;

    border: 0;
    background: none;
  }
}

.alert-message-success {
  background: $alert-success;
}

.alert-message-danger {
  background: $alert-danger;
}

.alert-message-notice {
  background: $alert-success;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
alert_message-1.1.3	vendor/assets/stylesheets/alert_message.css.scss