moments.scss 766 B

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