_partenaires.scss 1.5 KB

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