_mobile.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @media screen and (max-width: 1024px){
  2. body{
  3. #start{
  4. width: $Wi80-m;
  5. #text_figli{
  6. #item_list{
  7. .card{
  8. width: $Wi33-m;
  9. #item{
  10. width: calc(300% + (.5rem * 2));
  11. }
  12. }
  13. }
  14. }
  15. }
  16. }
  17. }
  18. @media screen and (max-width: 414px) {
  19. body{
  20. #start{
  21. width: $Wi-m;
  22. #text_figli{
  23. p{
  24. font-size: 1.7rem;
  25. line-height: 2.3rem;
  26. }
  27. #item_list{
  28. width: $Wi-m;
  29. .card{
  30. width: calc(100%);
  31. margin: 0 0 0.5rem 0;
  32. #item{
  33. width: 100%;
  34. padding: 1rem;
  35. .content-title{
  36. h2{
  37. font-size: 2rem !important;
  38. line-height: 2.5rem !important;
  39. }
  40. & > div{
  41. line-height: 1rem;
  42. }
  43. }
  44. }
  45. }
  46. }
  47. }
  48. }
  49. .sidebar-right{
  50. display: none;
  51. }
  52. }
  53. .circle_hover.open{
  54. width: 0!important;
  55. height: 0!important;
  56. }
  57. }