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-3.2.0 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.1.5 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.1.4 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.1.3 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.1.2 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.1.1 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.1.0 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.41 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.40 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.39 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.38 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.37 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.36 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.35 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.34 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.33 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.32 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.31 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.30 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
forever_style_guide-3.0.29 app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss