layout.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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:
  30. linear-gradient(
  31. to top,
  32. rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8)
  33. );
  34. display: block;
  35. position: absolute;
  36. transform: translateY(-50%);
  37. top: 50%;
  38. left: 0;
  39. }
  40. }
  41. article{
  42. .__title{
  43. @include croix_or;
  44. }
  45. &.publications{
  46. margin-top: 1rem;
  47. .paragraph--type--images{
  48. img{
  49. max-width: 100%;
  50. max-height: 400px;
  51. object-fit: contain;
  52. @media screen and (min-width: 992px) {
  53. width: 100%;
  54. }
  55. }
  56. }
  57. }
  58. }
  59. h4{
  60. @include croix_or;
  61. }