storybook.module.scss 577 B

12345678910111213141516171819202122232425262728293031
  1. @use "../src/theme.scss";
  2. body,
  3. :global(#storybook-root) {
  4. padding: 0 !important;
  5. }
  6. .contents {
  7. height: 100vh;
  8. width: 100vw;
  9. color: theme.color("foreground");
  10. background: theme.color("background", "primary");
  11. display: grid;
  12. place-content: center;
  13. isolation: isolate;
  14. &[data-background="secondary"] {
  15. background: theme.color("background", "secondary");
  16. }
  17. &[data-layout="padded"] {
  18. padding: theme.spacing(10);
  19. display: block;
  20. place-content: unset;
  21. }
  22. &[data-layout="fullscreen"] {
  23. display: block;
  24. place-content: unset;
  25. }
  26. }