Sha256: c40777fb1c0706542fba86e816e539570e66cf38750bbcf6764362fe0867bffa

Contents?: true

Size: 866 Bytes

Versions: 9

Compression:

Stored size: 866 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: absolute;

  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

9 entries across 6 versions & 1 rubygems

Version Path
alert_message-1.0.6 vendor/assets/stylesheets/alert_message.css.scss
alert_message-1.0.5 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.0.5 vendor/assets/stylesheets/alert_message.css.scss
alert_message-1.0.4 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.0.4 vendor/assets/stylesheets/alerts.css.scss
alert_message-1.0.3 lib/generators/alert_message/templates/alerts.css.scss
alert_message-1.0.3 app/assets/stylesheets/alert_message/alerts.css.scss
alert_message-1.0.2 app/assets/stylesheets/alert_message/alerts.css.scss
alert_message-1.0.0 app/assets/stylesheets/alert_message/alerts.css.scss