ecosystem.scss

.ecosystem .jumbotron {
  height: 170px;
  @include desktop {
    height: 320px;
  }

  h1 {
    padding-top: rem(35px);
  }

  p.lead {
    margin-bottom: rem(25px);
  }

  svg {
    margin-bottom: rem(20px);
  }
}

.ecosystem .main-background {
  height: 275px;

  @include desktop {
    height: 470px;
  }
}

.ecosystem .main-content-wrapper {
  background-color: $light_grey;

  @include desktop {
    margin-top: 380px + $desktop_header_height;
  }
  margin-top: 275px;
}

.ecosystem.ecosystem-detail .main-content-wrapper {
  background-color: $white;
}

.ecosystem-cards-wrapper {
  margin-bottom: rem(80px);
  padding-top: rem(20px);
}

.ecosystem .main-content-menu {
  .navbar-nav .nav-link {
    font-size: rem(18px);
    color: $very_dark_grey;
    padding-right: 0;
    margin-right: rem(30px);

    &.selected {
      color: $orange;
      border-bottom: 1px solid $orange;
    }
  }

  .nav-item:last-of-type {
    @include desktop {
      position: absolute;
      right: 0;
      a {
        margin-right: 0;
      }
    }
  }
}

.ecosystem.ecosystem-detail .main-content {
  padding-bottom: 0;
}

.ecosystem article.pytorch-article {
  counter-reset: article-list;

  > ol {
    padding-left: 0;
    list-style-type: none;
  }

  > ol > li {
    @include max-width-desktop {
      position: relative;

      &:before {
        counter-increment: article-list;
        content: counter(article-list, decimal-leading-zero);
        color: #B932CC;
        line-height: rem(40px);
        letter-spacing: -0.34px;
        font-size: rem(32px);
        font-weight: 300;
        position: absolute;
        left: -60px;
        top: -16px;
        padding: rem(10px) 0;
        background-color: $white;
        z-index: 10;
      }

      &:after {
        content: "";
        width: 2px;
        position: absolute;
        left: -42px;
        top: 0;
        height: 100%;
        background-color: #f3f3f3;
        z-index: 9;
      }
    }

    > h4 {
      color: $slate;
    }

    ul li {
      list-style-type: disc;
    }
  }
}

.ecosystem .quick-starts {
  background: #ecedf1;

  .title-block,
  #command,
  .option,
  .cloud-option {
    border-color: #ecedf1;
  }
}