Sha256: d0c27c4edce2082d3b4581a46e2e7e2f4db9b0dcf0bfe0e3bb1e0ad917aa82a2

Contents?: true

Size: 1.21 KB

Versions: 2

Compression:

Stored size: 1.21 KB

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, 0);
    }
    @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.3 app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product-main.scss
forever_style_guide-2.0.2 app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product-main.scss