PagePathNavLayout.module.scss 706 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. @use '@growi/core-styles/scss/bootstrap/init' as bs;
  2. @use '@growi/ui/scss/atoms/btn-muted';
  3. .grw-page-path-nav-layout :global {
  4. .grw-page-path-nav-copydropdown {
  5. visibility: hidden;
  6. @include bs.media-breakpoint-down(md) {
  7. display: block;
  8. }
  9. }
  10. }
  11. .grw-page-path-nav-layout {
  12. &:global {
  13. &:hover {
  14. .grw-page-path-nav-copydropdown {
  15. visibility: visible;
  16. }
  17. }
  18. }
  19. }
  20. .grw-page-path-nav :global {
  21. .btn-copy {
  22. @include btn-muted.colorize(bs.$orange);
  23. }
  24. }
  25. // == Colors
  26. .grw-former-link :global {
  27. .separator {
  28. opacity: 0.75;
  29. }
  30. }
  31. .grw-former-link a {
  32. --bs-link-opacity: 0.75;
  33. &:global {
  34. &:hover {
  35. --bs-link-opacity: 1;
  36. }
  37. }
  38. }