_partenaires.scss 1.5 KB

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