Sha256: 55200518fb1c4900535a576bc8798d3849bb7925c494627bd5170797601ec9f5

Contents?: true

Size: 663 Bytes

Versions: 14

Compression:

Stored size: 663 Bytes

Contents

.banner{
  position: relative; /* This is needed for the positioning of the close icon on the blue banners*/
  margin-bottom: $base-margin;

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

  &--blue{
    @extend .banner;
    background: $brand-blue-insurance;
    padding: $base-padding;
  }

  &--red{
    @extend .banner;
    background: $brand-red;
    padding: $base-padding;
  }

  &__title,
  &__text{
    color: $white;
  }

  &__link{
    @extend .link--white;
  }

  &__close{
    @extend .fa;
    @extend .fa-times-circle;
    position: absolute;
    top: 15px;
    right: 15px;

    &--white{
      @extend .banner__close;
      color: $white;
    }
  }
}

Version data entries

14 entries across 14 versions & 1 rubygems

Version Path
ama_layout-4.6.3 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.6.2 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.6.1 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.5.1 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.5.0 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.4.2 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.4.1 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.4.0 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.3.1 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.2.4 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.2.3 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.2.2 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.2.1 app/assets/stylesheets/ama_layout/layout_components/banners.scss
ama_layout-4.2.0 app/assets/stylesheets/ama_layout/layout_components/banners.scss