_footer.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. footer{
  2. background-color: $white-header;
  3. padding-top: 3rem;
  4. font-family: "Marianne";
  5. font-weight: 800;
  6. font-size: 1.3rem;
  7. text-transform: lowercase;
  8. div{
  9. display: flex;
  10. flex-direction: row;
  11. }
  12. h2{font-size: 1.3rem;}
  13. section:not(:first-of-type){
  14. border-left: $yellow-puca solid 5px;
  15. padding-left: 2rem;
  16. }
  17. section:not(:last-of-type){
  18. padding-right: 5rem;
  19. }
  20. }
  21. #footer-left {
  22. margin-left: 10rem;
  23. div{
  24. display: flex;
  25. flex-direction: column;
  26. padding-right: 2rem;
  27. #block-reha-pieddepage {
  28. ul{
  29. padding-left: 0;
  30. }
  31. }
  32. #block-reha-logoreha-3{
  33. display: none;
  34. }
  35. .social-media-links--platforms{
  36. display: flex;
  37. flex-direction: row;
  38. svg.ext{
  39. display: none;
  40. }
  41. }
  42. }
  43. }
  44. #footer-middle{
  45. #block-reha-operateurduprogramme{
  46. display: flex;
  47. flex-direction: column;
  48. img{
  49. max-width: 150px;
  50. height: fit-content;
  51. max-height: 100px;
  52. object-fit: contain;
  53. padding: 1rem;
  54. }
  55. }
  56. }
  57. #footer-right{
  58. #block-reha-config-pages-2{
  59. display: flex;
  60. flex-direction: column;
  61. .field--name-field-partenaires{
  62. .field__items{
  63. display: flex;
  64. flex-direction: row;
  65. flex-wrap: wrap;
  66. img{
  67. max-width: 120px;
  68. height: fit-content;
  69. max-height: 115px;
  70. object-fit: contain;
  71. padding: 1rem;
  72. }
  73. }
  74. }
  75. }
  76. }