_home-view-presentation.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .page--home{
  2. .home-page-layout-content{
  3. .block-region-content{
  4. @media(max-width:890px){
  5. padding-bottom: 2rem;
  6. }
  7. }
  8. .block-views-blockhome-block-1{
  9. .view-display-id-block_1{
  10. width: 60%;
  11. margin: auto;
  12. padding-top: 3rem;
  13. // max-height: 300px;
  14. overflow: hidden;
  15. text-overflow: ellipsis;
  16. font-size: 1.3rem;
  17. @media(max-width: 891px){
  18. width: 80%;
  19. padding-top: 1rem;
  20. font-size: 1rem;
  21. }
  22. /* Masquer tous les paragraphes après le premier */
  23. .field-content p:nth-of-type(n+2), h3, ul {
  24. display: none;
  25. }
  26. }
  27. }
  28. .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5{
  29. width: fit-content;
  30. margin: auto;
  31. z-index: 99;
  32. position: relative;
  33. margin-top: 2rem;
  34. margin-bottom: 4rem;
  35. @media(max-width: 890px){
  36. width: 80%;
  37. margin: auto;
  38. padding-top: 1rem;
  39. }
  40. .field--type-link{
  41. padding-left: 0.5rem;
  42. padding-right: 0.3rem;
  43. padding-bottom: 0.3rem;
  44. padding-top: 0.3rem;
  45. @media(max-width: 891px){
  46. width: 80%;
  47. font-size: 0.8rem;
  48. }
  49. .field__item::after{
  50. content: url('../dist/images/noun-arrow-1569918-black.svg');
  51. }
  52. }
  53. }
  54. }
  55. }