Андрей Ларионов / rekamore.su

Blame view

public/scss/blocks/_news.scss 2 KB
edit raw normal view history
bdd23ce34   Андрей Ларионов   На сервер. Правки 
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 {
34d973f0f   Андрей Ларионов   Коммит обновление... 
72
 
  			color: $black;
bdd23ce34   Андрей Ларионов   На сервер. Правки 
73
74
 
  			font-size: 13px;
  			margin-top: 10px;
1c6078a15   Андрей Ларионов   Обновление от вос... 
75
 
  			@include lines(4);
bdd23ce34   Андрей Ларионов   На сервер. Правки 
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;
  		}
  	}
34d973f0f   Андрей Ларионов   Коммит обновление... 
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;
bdd23ce34   Андрей Ларионов   На сервер. Правки 
119
 
  }