le-programme.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .page-programme{
  2. .block-region-first{
  3. padding-left: 18%;
  4. }
  5. .block-region-second{
  6. h2{
  7. font-weight: 1000;
  8. }
  9. .view-display-id-block_1{
  10. margin: 0;
  11. width: 80%;
  12. padding-top: 1rem;
  13. }
  14. .block-config-pages-block{
  15. margin: 0;
  16. width: 80%;
  17. padding-top: 1rem;
  18. .config_pages--partenaires--full{
  19. .paragraph--type--partenaire{
  20. // background-color: $white;
  21. width: 100%;
  22. padding-bottom: 3rem;
  23. display: grid;
  24. grid-template-columns: repeat(7, 1fr);
  25. grid-template-rows: repeat(auto-fill);
  26. @media (max-width: 810px){
  27. display: flex;
  28. flex-direction: column;
  29. }
  30. .field--name-field-logo{
  31. grid-column: 1 / 2;
  32. grid-row: 2;
  33. margin-top: 2rem;
  34. padding-right: 1rem;
  35. }
  36. .field--name-field-nom{
  37. grid-column: 2 / 8;
  38. grid-row: 1;
  39. font-weight: 900;
  40. font-size: 1.2rem
  41. }
  42. .field--name-field-texte{
  43. grid-column: 2 / 8;
  44. grid-row: 2;
  45. .field__item{
  46. p{
  47. strong{
  48. background-color: none;
  49. }
  50. }
  51. }
  52. }
  53. .field--name-field-lien{
  54. grid-column: 2 / 8;
  55. grid-row: 3;
  56. }
  57. }
  58. }
  59. }
  60. }
  61. }