doc-content.scss 584 B

123456789101112131415161718192021222324252627282930313233
  1. @use '../mixins' as *;
  2. @use './table-of-content';
  3. .doc-content-wrapper {
  4. --vp-content-width: 800px;
  5. padding: 32px 24px 96px;
  6. .doc-content-container {
  7. .doc-content {
  8. width: 100%;
  9. }
  10. @include respond-to('xxl') {
  11. width: var(--vp-content-width);
  12. }
  13. }
  14. @include respond-to('md') {
  15. padding: 48px 32px 42px;
  16. }
  17. @include respond-to('lg') {
  18. padding: 64px 64px 42px;
  19. }
  20. @include respond-to('xxl') {
  21. padding: 64px 0 42px 64px;
  22. display: flex;
  23. }
  24. @include respond-to('max') {
  25. padding: 64px 0 42px 96px;
  26. display: flex;
  27. }
  28. }