content.scss 843 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. @use './mixins' as *;
  2. @use './vars' as *;
  3. @use './content/doc-content';
  4. @use './content/hero-content';
  5. @use './content/tag-content';
  6. .page-content {
  7. @include respond-to('lg') {
  8. padding-top: var(--nav-height);
  9. &.has-sidebar {
  10. padding-left: calc(var(--sidebar-width-sm) + 10px);
  11. @include respond-to('xlg') {
  12. padding-left: calc(var(--vp-sidebar-width-small) - $scrollbar-size);
  13. }
  14. @include respond-to('xxl') {
  15. padding-left: calc(
  16. (100% - var(--vp-screen-max-width)) / 2 +
  17. var(--vp-sidebar-width-small)
  18. );
  19. }
  20. }
  21. }
  22. .doc-content a {
  23. display: inline-flex;
  24. align-items: center;
  25. &.vp-link {
  26. white-space: nowrap;
  27. word-break: keep-all;
  28. }
  29. .link-icon {
  30. margin-left: 0.25rem;
  31. height: 1em;
  32. width: 1em;
  33. }
  34. }
  35. }