Blame view
public/scss/blocks/_news.scss
2 KB
1d1c16604 Фрондэнд - главна... |
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 |
.news { padding: 50px 0; overflow: hidden; @media (min-width: $desktop) { padding: 100px 0; padding-bottom: 0; } &__toper { display: flex; justify-content: space-between; align-items: center; .title { @media (min-width: $desktop) { width: calc(100% - 160px); } } .navs { display: none; @media (min-width: $desktop) { display: flex; } } } .swiper { margin-top: 20px; @media (min-width: $tablet) { overflow: visible; } @media (min-width: $laptop) { margin-top: 40px; } } &__item { display: flex; flex-direction: column; line-height: 1.4; &-pic { width: 100%; aspect-ratio: 3/2; border-radius: 12px; border: 1px solid #e6e7e7; object-fit: cover; min-height: 200px; @media (min-width: $desktop) { aspect-ratio: 4/2; } } &-body { display: flex; flex-direction: column; padding-top: 15px; @media (min-width: $tablet) { padding: 20px; padding-top: 30px; margin-top: -15px; border-radius: 0 0 12px 12px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); } } &-date { font-size: 14px; font-weight: 700; color: $green; } &-title { font-size: 20px; font-weight: 700; line-height: 1.2; margin-top: 5px; } &-text { |
1fe4f9ffd Обновление визуал... |
72 |
color: $black; |
1d1c16604 Фрондэнд - главна... |
73 74 |
font-size: 13px; margin-top: 10px; |
b6103c749 Обновление js и c... |
75 |
@include lines(4); |
1d1c16604 Фрондэнд - главна... |
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 |
@media (min-width: $desktop) { font-size: 16px; } } &-more { height: 42px; margin-top: 20px; @media (min-width: $desktop) { height: 44px; max-width: 190px; } } } &__all { height: 42px; margin: 0 auto; margin-top: 20px; padding: 0; display: none; @media (min-width: $tablet) { max-width: 170px; margin-top: 30px; display: flex; } @media (min-width: $desktop) { height: 44px; } } |
1fe4f9ffd Обновление визуал... |
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 |
&__items { display: grid; gap: 20px; margin-bottom: 10px; @media (min-width: $tablet) { grid-template-columns: 1fr 1fr; } @media (min-width: $laptop) { grid-template-columns: 1fr 1fr 1fr; } } } main + .news { padding: 0; |
1d1c16604 Фрондэнд - главна... |
119 |
} |