screen.scss 428 B

12345678910111213141516171819202122232425262728
  1. @media screen {
  2. body {
  3. background-color: whitesmoke;
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. }
  8. .pagedjs_pages {
  9. display: grid;
  10. grid-row-gap: 1cm;
  11. grid-template-columns: 1fr 1fr;
  12. }
  13. .pagedjs_page:first-child {
  14. grid-column: 2;
  15. }
  16. .pagedjs_page {
  17. background-color: #fdfdfd;
  18. flex: none;
  19. box-shadow: 0 0 1px rgba(0,0,0,0.2);
  20. }
  21. .pagedjs_bleed {
  22. background-color: lightpink;
  23. }
  24. }