Sha256: 4d5b84ce620ac1d6e5d2e9fd26a3ff66dbe3416b667a354e9066b2b233a36ae9

Contents?: true

Size: 901 Bytes

Versions: 3

Compression:

Stored size: 901 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 {
  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-success {
  background: $alert-success;
}

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

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

Version data entries

3 entries across 2 versions & 1 rubygems

Version Path
alert_message-1.0.6.1 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.0.6.1 vendor/assets/stylesheets/alert_message.css.scss
alert_message-1.0.6 lib/generators/alert_message/templates/alerts.css.scss