layout.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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. position: relative;
  12. &::before {
  13. z-index: -1;
  14. content: " ";
  15. width: 100%;
  16. height: 100%;
  17. background-image: url("../images/fond-ronds.svg");
  18. background-repeat: no-repeat;
  19. background-size: content;
  20. display: block;
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. }
  25. // &::after {
  26. // z-index: -1;
  27. // content: " ";
  28. // width: 100%;
  29. // height: 100%;
  30. // background: linear-gradient(
  31. // to top,
  32. // white,
  33. // rgba(255, 255, 255, 0.8)
  34. // );
  35. // display: block;
  36. // position: absolute;
  37. // transform: translateY(-100%);
  38. // top: 100%;
  39. // left: 0;
  40. // }
  41. }
  42. article {
  43. .__title {
  44. // @include croix_or;
  45. }
  46. &.publications,
  47. &.interviews {
  48. margin-top: 1rem;
  49. .paragraph--type--images {
  50. img {
  51. max-width: 100%;
  52. max-height: 400px;
  53. object-fit: contain;
  54. @media screen and (min-width: 992px) {
  55. width: 100%;
  56. }
  57. }
  58. }
  59. }
  60. }
  61. h4 {
  62. // @include croix_or;
  63. }