_annuairederecherche.scss 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. .path-ressources.annuairederecherche{
  2. .layout-content{
  3. background: url('../images/pictos/carre-contour-bleu_annuairederecherche.svg');
  4. background-repeat: no-repeat;
  5. background-position-y: 7rem;
  6. max-width: 100vw;
  7. background-size: cover;
  8. .region-content{
  9. #block-contenudelapageprincipale{
  10. span{
  11. padding-top: 3rem;
  12. padding-bottom: 3rem;
  13. vertical-align: middle;
  14. color: $white;
  15. h2{
  16. font-family: 'Source Code Pro';
  17. font-size: 2rem;
  18. font-weight: 800;
  19. color: $white;
  20. background-color: $blue-light;
  21. text-transform: uppercase;
  22. width: fit-content;
  23. margin-left: 10%;
  24. margin-top: 8rem;
  25. margin-bottom: 6rem;
  26. }
  27. }
  28. .layout--threecol-25-50-25{
  29. .layout__region--second{
  30. flex: 0 1 50%;
  31. margin-left: 25%;
  32. .block-region-second{
  33. .block-config-pages-block{
  34. background-color: $white;
  35. margin-bottom: 4rem;
  36. }
  37. .node-type-partenaires_logo_footer_{
  38. margin-bottom: 3rem;
  39. div{
  40. // display: grid;
  41. // grid-template-columns: auto auto;
  42. // grid-template-rows: auto auto auto;
  43. .field--name-field-logo{
  44. grid-column: 1;
  45. grid-row: 1 /span 3;
  46. margin-right: 1rem;
  47. max-height: 8rem;
  48. a{
  49. height: 8rem;
  50. width: 8rem;
  51. img{
  52. height: 100%;
  53. width: 100%;
  54. object-fit: contain;
  55. }
  56. }
  57. }
  58. .field--name-title{
  59. grid-column: 2;
  60. font-weight: 800;
  61. background-color: $white;
  62. }
  63. .field--name-body{
  64. background-color: $white;
  65. grid-column: 2;
  66. p {margin: 0;}
  67. }
  68. .field--name-field-lien{
  69. background-color: $white;
  70. grid-column: 2;
  71. a{
  72. color: $black;
  73. text-decoration: underline;
  74. svg{
  75. display: none;
  76. }
  77. }
  78. }
  79. }
  80. }
  81. }
  82. }
  83. }
  84. }
  85. }
  86. }
  87. }