Blame view
public/css/pages/main/machines.css
1.46 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 |
.machines { padding-top: 74px; } .machines__main-title { font-weight: 600; font-size: 36px; line-height: 42px; letter-spacing: -0.01em; color: #333B49; max-width: 469px; width: 100%; margin-bottom: 50px; } .swiper-slide-machines { max-width: 217px; width: 100%; background: #F7F7F9; border-radius: 10px; cursor: pointer; height: 220px !important; position: relative; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } .swiper-slide-machines:hover { background: #DFE1E7; -webkit-box-shadow: 0px 5px 12.5px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 12.5px rgba(0, 0, 0, 0.15); -webkit-transform: scale(1.045); -ms-transform: scale(1.045); transform: scale(1.045); max-width: 229px; } .swiper-slide-machines__img { max-width: 140px; width: 100%; min-height: 122px; margin: 0 auto; padding-top: 20px; } .swiper-slide-machines__block { position: absolute; bottom: 0; left: 0; margin-left: 14px; } .swiper-slide-machines__title { font-weight: 600; font-size: 20px; line-height: 24px; margin-bottom: 4px; } .swiper-slide-machines__text { font-size: 16px; line-height: 22px; color: #ABB2BF; margin-bottom: 20px; } .swiper-wrapper-machines > :not(:last-child) { margin-right: 3px; } |