Contents

.notice_notification{
  padding: $base-padding/2 $base-padding;
  background-color: $brand-blue-insurance;
  color: $white;
}

.error_notification{
  @extend .notice_notification;
  background-color: $brand-red;
}

//Status error classes
.orange-warning-icon{
  @extend .fa;
  @extend .fa-exclamation-circle;
  @extend .orange-text;
}

.white-warning-icon{
  @extend .fa;
  @extend .fa-exclamation-circle;
  @extend .white-text;
}

.green-active-icon{
  @extend .fa;
  @extend .fa-check-circle;
  @extend .green-text;
}

.white-active-icon{
  @extend .fa;
  @extend .fa-check-circle;
  @extend .white-text;
}

.status-icon{
  font-size: 2rem !important; //needs important to overwrite the .fa font size
  text-align: center;
  margin: 0 auto;
  display: block;
}

.notice{
  color: $white;
  padding: $base-padding;
  margin-bottom: $base-margin;
  overflow: auto;

  &--warning{
    @extend .notice;
    background: $orange;
  }

  &__icon-wrapper{
    @include small-2;
  }

  &__icon{
    font-size: 2em;
    width: 100%;
    text-align: center;
  }

  &__text-wrapper{
    @include small-10;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
ama_layout-4.1.0	app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.0.0	app/assets/stylesheets/ama_layout/layout_components/notification.scss