_partenaires.scss 1.5 KB

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