item.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .item{
  2. #start{
  3. width: calc(100% - 10px);
  4. }
  5. }
  6. #items{
  7. .header-item{
  8. width: 100%;
  9. display: -webkit-inline-box;
  10. display: -ms-inline-flexbox;
  11. display: inline-flex;
  12. -webkit-box-pack: justify;
  13. -ms-flex-pack: justify;
  14. justify-content: space-between;
  15. margin-bottom: 1rem;
  16. .info{
  17. width: calc(100% / 3);
  18. .title{
  19. display: -webkit-box;
  20. display: -ms-flexbox;
  21. display: flex;
  22. h2{
  23. text-transform: uppercase;
  24. }
  25. & > *{
  26. margin-right: 0.5rem;
  27. }
  28. }
  29. .content{
  30. margin-top: 1rem;
  31. }
  32. }
  33. .prev-next{
  34. width: calc(100% / 3);
  35. position: relative;
  36. .btn-info{
  37. width: 250px;
  38. position: absolute;
  39. top: 20px;
  40. left: -80px;
  41. -webkit-transform: rotate(-17deg);
  42. transform: rotate(-17deg);
  43. }
  44. }
  45. }
  46. .top{
  47. cursor: pointer;
  48. text-align: center;
  49. width: 100%;
  50. margin-bottom: 10px;
  51. }
  52. }
  53. .img-card{
  54. width: calc((100% / 3) - (10px));
  55. margin-bottom: 10px;
  56. }