layout.scss 1.1 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/croix_fond.svg");
  18. background-size: content;
  19. display: block;
  20. position: absolute;
  21. top: 0;
  22. left: 0;
  23. }
  24. &::after {
  25. z-index: -1;
  26. content: " ";
  27. width: 100%;
  28. height: 100%;
  29. background: linear-gradient(
  30. to top,
  31. rgba(255, 255, 255, 0.8),
  32. white,
  33. rgba(255, 255, 255, 0.8)
  34. );
  35. display: block;
  36. position: absolute;
  37. transform: translateY(-50%);
  38. top: 50%;
  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. }