sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TRI-283: start 768>

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-21 13:10:25 +03:00
parent b0db3534f2
commit e3adbeeea4
29 changed files with 1986 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
static/css/moover/easy.css
View File

@@ -10,7 +10,7 @@
@media (max-width: 1304.98px) {
.easy {
margin-bottom: 142px;
margin-bottom: 140px;
}
}
@@ -38,6 +38,13 @@
}
}
@media (max-width: 767.98px) {
.easy .title {
max-width: 95%;
margin-bottom: 30px;
}
}
.easy .subtitle {
margin-bottom: 41px;
}
@@ -48,6 +55,13 @@
}
}
@media (max-width: 767.98px) {
.easy .subtitle {
max-width: 90%;
margin: 0 auto 23px;
}
}
.easy__grid {
display: grid;
grid-template-columns: 1fr 1fr;
@@ -78,6 +92,12 @@
@media (max-width: 991.98px) {
.easy__grid {
display: block;
margin-bottom: 37px;
}
}
@media (max-width: 767.98px) {
.easy__grid {
margin-bottom: 40px;
}
}
@@ -100,7 +120,6 @@
@media (min-width: 1720px) {
.easy__item--fir {
margin-right: -10px;
margin-left: 7px;
padding-top: 31px;
}
}
@@ -115,7 +134,13 @@
.easy__item--fir {
padding-top: 17px;
margin-right: 0;
margin-bottom: 43px;
margin-bottom: 49px;
}
}
@media (max-width: 767.98px) {
.easy__item--fir {
margin-bottom: 42px;
}
}
@@ -142,11 +167,26 @@
padding-bottom: 0;
}
@media (min-width: 1720px) {
.easy__item--sec {
padding-left: 15px;
}
}
@media (max-width: 991.98px) {
.easy__item--sec {
padding-top: 35px;
padding-bottom: 37px;
margin-bottom: 39px;
margin-bottom: 46px;
}
}
@media (max-width: 767.98px) {
.easy__item--sec {
display: block;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 49px;
}
}
@@ -158,13 +198,15 @@
@media (min-width: 1720px) {
.easy__item--sec img {
margin-right: -12px;
max-width: 53%;
}
}
@media (max-width: 1304.98px) {
.easy__item--sec img {
max-width: 43.1%;
max-width: 42%;
margin-bottom: -4px;
margin-right: 0;
}
}
@@ -175,12 +217,27 @@
}
}
@media (max-width: 767.98px) {
.easy__item--sec img {
max-width: 104%;
position: relative;
left: -6px;
top: -4px;
}
}
.easy__item--sec p {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 767.98px) {
.easy__item--sec p {
margin-bottom: 22px;
}
}
.easy__item--thr {
grid-area: c;
display: flex;
@@ -191,6 +248,12 @@
padding-bottom: 0;
}
@media (min-width: 1720px) {
.easy__item--thr {
padding-left: 15px;
}
}
@media (max-width: 991.98px) {
.easy__item--thr {
padding-top: 42px;
@@ -198,6 +261,14 @@
}
}
@media (max-width: 767.98px) {
.easy__item--thr {
display: block;
padding-top: 0;
padding-bottom: 0;
}
}
.easy__item--thr .img {
margin-bottom: -10px;
margin-right: 24px;
@@ -223,6 +294,13 @@
}
}
@media (max-width: 767.98px) {
.easy__item--thr .img img {
display: block;
margin: 0 auto;
}
}
.easy__item--thr p {
max-width: 50%;
margin-bottom: 0;
@@ -236,6 +314,13 @@
}
}
@media (max-width: 767.98px) {
.easy__item--thr p {
margin-bottom: 22px;
max-width: 100%;
}
}
.easy__arrow {
width: 68px;
height: 18px;
@@ -269,7 +354,7 @@
@media (min-width: 1720px) {
.easy__arrow--fir {
right: 104%;
right: 105%;
top: 34%;
}
}
@@ -288,7 +373,7 @@
@media (min-width: 1720px) {
.easy__arrow--sec {
left: 46%;
left: 45%;
top: 124%;
}
}
@@ -303,10 +388,25 @@
margin-top: -21px;
}
@media (max-width: 1304.98px) {
.easy__btn {
margin-top: -20px;
}
}
@media (max-width: 991.98px) {
.easy__btn {
margin-top: -26px;
margin-top: -19px;
padding-left: 54px;
padding-right: 54px;
}
}
@media (max-width: 767.98px) {
.easy__btn {
padding-left: 50px;
padding-right: 50px;
margin-top: -8px;
max-width: 100%;
}
}