_partenaires.scss 1.2 KB

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