Blame view
public/css/pages/product/viewed.css
1.99 KB
b80175387 Начальный проект ... |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 |
.viewed { padding-top: 80px; } .viewed-container { color: #333B49; position: relative; } .viewed-container__title { font-weight: 600; font-size: 36px; line-height: 42px; } .viewed-container .viewed__item { margin-top: 48px; } .viewed-container .viewed__item-info { margin-left: 12px; max-width: 291px; width: 100%; } .viewed-container .viewed__item-info .viewed__item-title { font-weight: 600; font-size: 14.6087px; line-height: 20px; margin-top: 18px; max-width: 176px; width: 100%; } .viewed-container .viewed__item-info .viewed__item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 17px; } .viewed-container .viewed__item-info .viewed__item-bottom .viewed__item-price { font-weight: 600; font-size: 21.913px; line-height: 26px; } .viewed-container .viewed__item-info .viewed__item-bottom .viewed__item-btn { background: #F5851A; border-radius: 9.375px; font-weight: 600; font-style: normal; font-size: 14px; line-height: 16px; letter-spacing: -0.01em; color: #FFFFFF; border: 1px solid #F5851A; cursor: pointer; width: 108px; height: 34px; } .viewed-container .viewed__item-info .viewed__item-bottom .viewed__item-btn:hover { border: 1px solid #F2994A; background-color: #FFFFFF; color: #F2994A; border-radius: 9.375px; font-weight: 600; font-style: normal; font-size: 14px; line-height: 16px; letter-spacing: -0.01em; } .viewed-container .swiper-button-next_viewed, .viewed-container .swiper-button-prev_viewed { position: absolute; } .viewed-container .swiper-button-next_viewed { top: 40px; right: 15px; width: 20px; height: 20px; } .viewed-container .swiper-button-prev_viewed { top: 40px; left: 1239px; width: 20px; height: 20px; } .viewed-container [class^=swiper-button-]::after { content: ""; } |