_footer.scss 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. #fotter-bottom{
  2. box-shadow: 1px 0px 8px $black;
  3. display: flex;
  4. flex: 1 1 120px;
  5. flex-direction: row;
  6. background-color: $white;
  7. padding-top: 3rem;
  8. .region{
  9. display: block;
  10. padding-left: 1rem;
  11. padding-right: 1rem;
  12. padding-bottom: 1rem;
  13. border-left: $blue-light solid 1px;
  14. h2{
  15. margin-top: 0;
  16. color: $blue-dark;
  17. font-size: 1.2rem;
  18. }
  19. }
  20. .region-footer-bottom-left{
  21. margin-left: 3rem;
  22. border: none;
  23. width: 20%;
  24. display: flex;
  25. flex-direction: row;
  26. .view-id-partenaires{
  27. .view-content{
  28. display: flex;
  29. flex-direction: row;
  30. justify-content:flex-start;
  31. flex-wrap: wrap;
  32. padding-top: 1rem;
  33. .node-type-partenaires_logo_footer_{
  34. padding-right: 1rem;
  35. padding-bottom: 1rem;
  36. }
  37. }
  38. }
  39. .block-views-blockpartenaires-block-3{
  40. border-left: $blue-light solid 1px;
  41. padding-left: 1rem;
  42. }
  43. }
  44. .region-footer-bottom-right{
  45. width: 15%;
  46. #block-pieddepage ul{
  47. margin-top: 0;
  48. color: $blue-dark;
  49. font-weight: 800;
  50. list-style: none;
  51. padding-left: 0;
  52. a{
  53. color: $blue-dark;
  54. font-size: 1.2rem;
  55. text-decoration: underline;
  56. margin-top: 0;
  57. }
  58. }
  59. }
  60. .region-footer-bottom-middle{
  61. width: 60%;
  62. // .block-views-blockpartenaires-block-2{
  63. // border-left: $blue-light solid 1px;
  64. // padding-left: 1rem;
  65. // }
  66. .view-id-partenaires{
  67. .view-content{
  68. display: flex;
  69. flex-direction: row;
  70. justify-content:flex-start;
  71. flex-wrap: wrap;
  72. padding-top: 1rem;
  73. .node-type-partenaires_logo_footer_{
  74. padding-right: 1rem;
  75. padding-bottom: 1rem;
  76. }
  77. }
  78. }
  79. }
  80. }