_partenaires.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. height: 30vh;
  10. .block-region-top{
  11. .block-entity-fieldnodetitle{
  12. .field--name-title{
  13. font-family: 'Source Code Pro';
  14. font-size: 2rem;
  15. font-weight: 800;
  16. color: $white;
  17. background-color: $blue-light;
  18. text-transform: uppercase;
  19. }
  20. }
  21. }
  22. }
  23. }
  24. .field--name-field-partenaires{
  25. padding-top: 3rem;
  26. .paragraph--type--partenaire{
  27. background-color: $white;
  28. width: 75%;
  29. padding-bottom: 3rem;
  30. display: grid;
  31. grid-template-columns: repeat(auto-fill, 120px);
  32. grid-template-rows: repeat(auto-fill);
  33. .field--name-field-logo{
  34. grid-column: 1 / 4;
  35. grid-row: 2;
  36. margin-top: 2rem;
  37. }
  38. .field--name-field-titre{
  39. grid-column: 3 / 7;
  40. grid-row: 1;
  41. font-weight: 800;
  42. }
  43. .field--name-field-texte{
  44. grid-column: 3 / 7;
  45. grid-row: 2;
  46. }
  47. .field--name-field-lien{
  48. grid-column: 3 / 7;
  49. grid-row: 3;
  50. }
  51. }
  52. a{
  53. color: $black;
  54. svg{
  55. display: none;
  56. }
  57. }
  58. }