@use '@growi/core-styles/scss/bootstrap/init' as bs;
@use '@growi/ui/scss/atoms/btn-muted';

.grw-mx-02em {
  margin-right: 0.2em;
  margin-left: 0.2em;
}

.grw-page-path-nav-sticky :global {
  min-height: 75px;

  .sticky-inner-wrapper {
    z-index: bs.$zindex-sticky;
  }

  // TODO:Responsive font size
  // set smaller font-size when sticky
  .sticky-inner-wrapper.active {
    h1 {
      font-size: 1.75rem !important;
    }
  }
}

.grw-page-path-nav :global {
  .btn-copy {
    @include btn-muted.colorize(bs.$orange);
  }
}

// == Colors
.grw-former-link :global {
  .separator {
    opacity: 0.75;
  }
}

.grw-former-link a {
  --bs-link-opacity: 0.75;

  &:global {
    &:hover {
      --bs-link-opacity: 1;
    }
  }
}