_partenaires.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .node-id-20{
  2. background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
  3. background-repeat: repeat;
  4. background-position-y: 7rem;
  5. max-width: 100vw;
  6. background-size: contain;
  7. .layout__region--top{ //bandeau titre page static
  8. padding-bottom: 3rem;
  9. .block-region-top{
  10. .block-entity-fieldnodetitle{
  11. .field--name-title{
  12. font-family: 'Source Code Pro';
  13. font-size: 2rem;
  14. font-weight: 800;
  15. color: $white;
  16. background-color: $blue-light;
  17. text-transform: uppercase;
  18. }
  19. }
  20. }
  21. }
  22. }
  23. .field--name-field-partenaires{
  24. padding-top: 3rem;
  25. .paragraph--type--partenaire{
  26. background-color: $white;
  27. width: 75%;
  28. padding-bottom: 3rem;
  29. display: grid;
  30. grid-template-columns: repeat(auto-fill, 120px);
  31. grid-template-rows: repeat(auto-fill);
  32. .field--name-field-logo{
  33. grid-column: 1 / 4;
  34. grid-row: 2;
  35. margin-top: 2rem;
  36. }
  37. .field--name-field-titre{
  38. grid-column: 3 / 7;
  39. grid-row: 1;
  40. font-weight: 800;
  41. }
  42. .field--name-field-texte{
  43. grid-column: 3 / 7;
  44. grid-row: 2;
  45. }
  46. .field--name-field-lien{
  47. grid-column: 3 / 7;
  48. grid-row: 3;
  49. }
  50. }
  51. a{
  52. color: $black;
  53. svg{
  54. display: none;
  55. }
  56. }
  57. }