Sha256: 37e3520ea194f5099bb4490ceaca5074db550bf3e52d4bf2649d52501df9004b

Contents?: true

Size: 1.43 KB

Versions: 105

Compression:

Stored size: 1.43 KB

Contents

$promo-color: #cc5959;

.promo_banner {
  position: relative;
  z-index: $zindex-navbar - 1; // make sure this appears 'above' heroes but behind nav
  margin-top: $header-height; // specifcally for implementation 'between' fixed nav & hero
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: $promo-color;
  @include box-shadow(lighten($color-gray-800, 30%), 0, 2px, 4px, 0);

  @media (min-width: $screen-md-min) {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-title {
    display: inline-block;
    margin-top: 10px;
    @extend %text-shadow;

    @media (min-width: $screen-md-min) {
      margin-top: 5px;
    }
  }
  .btn-promo {
    color: color('white');
    background-color: transparent;
    border: 1px solid color('white');
    box-shadow: none;

    &:hover,
    &:focus,
    &:active,
    &:active:focus {
      background-color: transparent;
    }
    @media (min-width: $screen-sm-min) {
      display: inline-block;
      margin-top: -2px;
      margin-left: 10px;
      color: $promo-color;
      background-color: white;
      border-color: darken($promo-color, 8%);
      border-width: 1px;

      &:hover,
      &:focus,
      &:active,
      &:active:focus {
        background-color: lighten($promo-color, 37%);
      }
    }
    @media (min-width: $screen-md-min) {
      margin-top: -5px;
    }
  }
  .btn-action-icon {
    @media (min-width: $screen-sm-min) {
      color: darken($promo-color, 8%);
    }
  }
}

Version data entries

105 entries across 105 versions & 1 rubygems

Version Path
forever_style_guide-4.2.5 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.2.4 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.2.3 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.2.2 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.2.1 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.2.0 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.1.14 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.1.13 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.1.12 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.1.11 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-4.0.0 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.7.2 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.7.1 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.7.0 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.6.1 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.6.0 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.5.0 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.4.17 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.4.16 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.4.15 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss