moments.scss 805 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. #moments{
  2. h4, h2{
  3. color: $color2024;
  4. }
  5. .__wrapper{
  6. .__title{
  7. margin: 0.5rem 0;
  8. }
  9. }
  10. .__wrap_side{
  11. margin-top: 0.5rem;
  12. }
  13. .__wrap_content{
  14. .__head{
  15. margin: 0.5rem 0;
  16. div{
  17. & > div{
  18. font-family: 'Marianneregular';
  19. font-size: 0.8rem;
  20. padding-right: 0.5rem;
  21. &:not(:first-child){
  22. padding-left: 0.5rem;
  23. }
  24. }
  25. }
  26. }
  27. .__content{
  28. max-height: calc(1.5rem * 12 );
  29. // 1.5rem = line-height if change don't forget script.js
  30. overflow: hidden;
  31. &.is_active{
  32. max-height: 100%!important;
  33. }
  34. @media screen and (min-width: 576px) {
  35. max-height: 100%;
  36. }
  37. }
  38. .more_link.is_active{
  39. display: none!important;
  40. }
  41. }
  42. }