Blame view
public/scss_/blocks/_numbers.scss
883 Bytes
b6103c749 Обновление js и c... |
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 |
.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; } b { font-size: 40px; font-weight: 700; border-bottom: 1px solid $white; line-height: 1; @media (min-width: $desktop) { font-size: 100px; } } span { font-weight: 700; font-size: 14px; margin: 10px 0; @media (min-width: $desktop) { font-size: 24px; margin-top: 30px; } } } } |