layout.scss 870 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. main:not(.home) {
  2. @media screen and (min-width: 768px) {
  3. padding: 1.5rem 0 !important;
  4. }
  5. @media screen and (min-width: 992px) {
  6. padding: 4rem 0 !important;
  7. }
  8. }
  9. //
  10. body {
  11. #content-ontop{
  12. position: relative;
  13. // top: -1400px;
  14. padding-top: 5rem;
  15. @media screen and (max-width: 300px) {
  16. padding-top: 2rem;
  17. }
  18. }
  19. #background-animated{
  20. width: 100VW;
  21. z-index: -1;
  22. position: absolute;
  23. // left: -400px;
  24. }
  25. }
  26. article {
  27. &.publications,
  28. &.interviews {
  29. margin-top: 1rem;
  30. .paragraph--type--images {
  31. img {
  32. max-width: 100%;
  33. max-height: 400px;
  34. object-fit: contain;
  35. @media screen and (min-width: 992px) {
  36. width: 100%;
  37. }
  38. }
  39. }
  40. }
  41. }
  42. //////////////////////// à enlever quand images
  43. #main-content-node {
  44. .__img-hero{
  45. display: none;
  46. }
  47. }
  48. ////////////////////////////////