Сергей П / rekamore.su

Blame view

public/scss/blocks/_numbers.scss 948 Bytes
edit raw normal view history
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
 
  .numbers {
  	padding: 30px 0;
  	background: $green url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
  	color: $white;
  	@media (min-width: $desktop) {
  		padding: 100px 0;
  		background-position: 100% 100%;
  		background-size: auto 500px;
  	}
  	&__body {
  		display: flex;
  		flex-direction: column;
  		gap: 30px;
  		@media (min-width: $tablet) {
  			display: grid;
  			grid-template-columns: 1fr 1fr 1fr;
  		}
  	}
  	&__item {
  		font-size: 12px;
  		display: flex;
  		flex-direction: column;
  		line-height: 1.4;
  		@media (min-width: $desktop) {
  			font-size: 16px;
b6103c749   Андрей Ларионов   Обновление js и c... 
26
 
  			line-height: 20px;
1d1c16604   Андрей Ларионов   Фрондэнд - главна... 
27
28
29
30
31
32
33
34
 
  		}
  		b {
  			font-size: 40px;
  			font-weight: 700;
  			border-bottom: 1px solid $white;
  			line-height: 1;
  			@media (min-width: $desktop) {
  				font-size: 100px;
b6103c749   Андрей Ларионов   Обновление js и c... 
35
 
  				line-height: 147px;
1d1c16604   Андрей Ларионов   Фрондэнд - главна... 
36
37
38
39
40
41
 
  			}
  		}
  		span {
  			font-weight: 700;
  			font-size: 14px;
  			margin: 10px 0;
b6103c749   Андрей Ларионов   Обновление js и c... 
42
 
  			line-height: 1;
1d1c16604   Андрей Ларионов   Фрондэнд - главна... 
43
44
45
46
47
48
49
 
  			@media (min-width: $desktop) {
  				font-size: 24px;
  				margin-top: 30px;
  			}
  		}
  	}
  }