Sha256: b90c1656a92d4d87a35f8e6a305c357738cce4e1b29f85293055b797d66fa2b3

Contents?: true

Size: 1.13 KB

Versions: 20

Compression:

Stored size: 1.13 KB

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;

    &>:last-child{
      margin-bottom: 0;
    }
  }
}

Version data entries

20 entries across 20 versions & 1 rubygems

Version Path
ama_layout-4.8.1 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.8.0 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.7.1 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.7.0 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.6.5 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.6.4 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.6.3 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.6.2 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.6.1 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.5.1 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.5.0 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.4.2 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.4.1 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.4.0 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.3.1 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.2.4 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.2.3 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.2.2 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.2.1 app/assets/stylesheets/ama_layout/layout_components/notification.scss
ama_layout-4.2.0 app/assets/stylesheets/ama_layout/layout_components/notification.scss