Sha256: 1ecdcc52e81d70d6a5554df5248624afc0d19b500297f18d0beadcf534c3288c

Contents?: true

Size: 933 Bytes

Versions: 6

Compression:

Stored size: 933 Bytes

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;
  text-align: center;

  padding: 10px;

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

    position: absolute;
    top: 0;
    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

6 entries across 6 versions & 1 rubygems

Version Path
alert_message-1.1.3.1 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.1.3 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.1.2 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.1.1 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.1.0 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.0.7 lib/generators/alert_message/templates/alerts.css.scss