Blame view
local/templates/vekprom/scss/pages/product/projects.scss
1.96 KB
2fe1e5ce8 Первый коммит на ... |
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 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 |
@import "../../vars"; @import "../../mixins"; .projects { padding-top: 80px; &__container { position: relative; text-align: center; .projects__title { font-weight: 600; font-size: 36px; line-height: 42px; letter-spacing: -0.01em; color: $vmainGrey; margin-bottom: 42px; text-align: left; } .swiper-button-next_projects, .swiper-button-prev_projects { position: absolute; } .swiper-button-prev_projects { top: 40px; left: 1239px; width: 20px; height: 20px; } .swiper-button-next_projects { top: 40px; right: 15px; width: 20px; height: 20px; } .projects__line { margin-top: 64px; width: 205px; height: 1px; background-color: #ABB2BF; } .projects__bottom-text { margin-top: 12px; line-height: 22px; letter-spacing: -0.01em; color: #ABB2BF; max-width: 680px; width: 100%; text-align: left; } .projects__btn { @include btn-orange-hover; width: 180px; height: 48px; margin-top: 64px; &:hover { @include btn-orange; } } } } .swiper-slide-projects { .slide-projects-img { max-width: 427px; width: 100%; max-height: 228px; height: 100%; } .slide-projects-title { font-weight: 600; font-size: 20px; line-height: 24px; color: $vmainGrey; margin-top: 24px; text-align: left; } .projects-title-2 { max-width: 315px; width: 100%; } .slide-projects_info { margin-top: 24px; display: flex; flex-direction: column; .info-1, .info-2 { display: flex; justify-content: space-between; } .info-2 { margin-top: 12px; } .projects_info-main { line-height: 22px; color: $vmainGrey; } .info-name { font-weight: 600; } } } .projects__container [class^="swiper-button-"]::after { content: ""; } |