layout.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @media screen and (min-width: 768px) {
  2. main:not(.home) {
  3. padding: 1.5rem 0 !important; } }
  4. @media screen and (min-width: 992px) {
  5. main:not(.home) {
  6. padding: 4rem 0 !important; } }
  7. body {
  8. position: relative; }
  9. body::before {
  10. z-index: -1;
  11. content: " ";
  12. width: 100%;
  13. height: 100%;
  14. display: block;
  15. position: absolute;
  16. top: 0;
  17. left: 0; }
  18. body::after {
  19. z-index: -1;
  20. content: " ";
  21. width: 100%;
  22. height: 100%;
  23. background: linear-gradient(to top, rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8));
  24. display: block;
  25. position: absolute;
  26. transform: translateY(-50%);
  27. top: 50%;
  28. left: 0; }
  29. article.publications, article.interviews {
  30. margin-top: 1rem; }
  31. article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
  32. max-width: 100%;
  33. max-height: 400px;
  34. object-fit: contain; }
  35. @media screen and (min-width: 992px) {
  36. article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img {
  37. width: 100%; } }