overleaf/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss

// TODO: .website-redesign to be removed once fully rolled out

.website-redesign {
  // hero section of features, enterprises, and universities will have an image that will overflow the page
  overflow-x: hidden;

  a {
    text-decoration: none;

    &:focus,
    &:focus-visible {
      outline: 0;
    }

    &:focus-visible {
      @include box-shadow-button-input;
    }

    // TODO: remove visited?

    i {
      vertical-align: middle;
      margin-left: var(--spacing-02);
    }

    &.link-lg {
      font-size: var(--font-size-04);
      line-height: var(--line-height-03);

      i {
        font-size: 24px;
        line-height: inherit;
      }
    }
  }

  .card {
    --bs-card-bg: var(--neutral-10);
    --bs-card-border-radius: var(--border-radius-large);
    --bs-card-spacer-y: var(--spacing-08);
    --bs-card-spacer-x: var(--spacing-08);
  }

  .badge-premium {
    --badge-font-weight: 600;
  }
}