weseek__growi/apps/app/src/components/Common/PagePathNav/PagePathNav.module.scss

@use '@growi/core/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;
  }

  // set smaller font-size when sticky
  .sticky-inner-wrapper.active {
    h1 {
      font-size: 1.75rem !important;
    }
  }
  // avoid sticky-top nav to turnate page path
  .is-collapse-with-top {
    @include bs.media-breakpoint-down(md) {
      max-width: calc(100% - 350px);
    }
    @include bs.media-breakpoint-up(md) {
      max-width: calc(100% - 500px);
    }
  }
}

.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;
    }
  }
}