Contents

// "Products & Services" Primary nav, featured first item styling
$product-image-main-width: 550px;
$product-image-main-height: 521px;

.dropdown-menu-product-main {
  padding-bottom: 15px;

  .dropdown-menu-product-item {
    margin-bottom: 20px;
  }
  .dropdown-menu-product-img {
    position: absolute;
    width: $product-image-main-width;
    max-width: none;
    height: $product-image-main-height;
    max-height: none;
    margin-top: 0;
    margin-left: 50%;
    top: -120px;
    left: (-$product-image-main-width / 2) - 20;

    @media (max-width: $grid-float-breakpoint) {
      top: -90px;
    }
  }
  .dropdown-menu-product-details {
    @media (min-width: $screen-xl) {
      width: 300px;
      margin-left: auto;
      margin-right: auto;
    }
  }
  .dropdown-menu-product-title {
    @media (min-width: $screen-xl) {
      margin-bottom: 30px;
    }
  }
  .dropdown-menu-product-description {
    padding-top: 10px;
  }
  .dropdown-menu-product-btn {
    @media (max-width: $grid-float-breakpoint) {
      height: 62px;
      font-size: $font-size-300;
      line-height: 18px;
      @include box-shadow($shadow-color, 0, 2px, 4px);
    }
    @media (max-width: $screen-sm) {
      font-size: $font-size-400;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
forever_style_guide-2.0.1	app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product-main.scss
forever_style_guide-2.0.0	app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product-main.scss