Contents

.callout-box{
  @include callout($ash);

  &__close-btn{
    float: right;
  }

  &--green{
    @include callout($brand-green);
    margin-bottom: $base-margin;
    color: $white;
  }

  &--red{
    @include callout($brand-red);
    margin-bottom: $base-margin;
    color: $white;
  }

  &--ins-blue{
    @include callout($brand-blue-insurance);
    margin-bottom: $base-margin;
    color: $white;
  }

  &__sub-head{
    color: $white;
  }

  &__image-container{
    @include large-2;
  }

  &__image{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  &__content{
    @include large-10;
  }

  &__link{
    color: inherit;
    text-decoration: underline;

    &:hover{
      color: $ash;
    }
  }

    &__heading{

    }
}

.promo-block{
  @include callout($ash);
  @include show-for(medium);
  position: relative;
  overflow: auto;

  &__divider{
    @include show-for(large);
    position: absolute;
    color: $smoke;
    font-size: 1.75rem;
    top: 30%;

    &--left{
      @extend .promo-block__divider;
      left: 33%;
    }

    &--right{
      @extend .promo-block__divider;
      right: 33%;
    }
  }

  &__item{
    @include medium-4;
    text-align: center;
  }

  &__icon-container{
    width: 110px;
    height: 110px;
    margin: $base-margin*2 auto $base-margin*2 auto;
    background: $smoke;

    &--round{
      @extend .promo-block__icon-container;
      border-radius: 100%;
    }
  }

    &__icon{
      color: $white;
      font-size: 3.5rem;
      text-align: center;
      width: 100%;
      margin-top: 28px;
    }
}

Version data entries

1 entries across 1 versions & 1 rubygems

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