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

62
styles/moover/about.scss
View File

@@ -1,13 +1,17 @@
.about {
margin-bottom: 168px;
@media (min-width: 1720px) {
margin-bottom: 188px;
@media (min-width: 1720px) {
margin-bottom: 188px;
}
@media (max-width: 1304.98px) {
margin-bottom: 138px;
}
@media (max-width: 1304.98px) {
margin-bottom: 138px;
}
@media (max-width: 991.98px) {
margin-bottom: 110px;
}
.title {
margin-bottom: 60px;
@@ -16,8 +20,12 @@
margin-bottom: 49px;
}
@media (max-width: 1304.98px) {
margin-bottom: 39px;
@media (max-width: 1304.98px) {
margin-bottom: 39px;
}
@media (max-width: 991.98px) {
margin-bottom: 48px;
}
}
@@ -25,6 +33,10 @@
display: grid;
grid-template-columns: repeat(2, 1fr);
@media (max-width: 991.98px) {
display: block;
}
}
&__img {
@@ -39,8 +51,14 @@
margin-top: 19px;
}
@media (max-width: 1304.98px) {
margin-left: -10px;
@media (max-width: 1304.98px) {
margin-left: -10px;
}
@media (max-width: 991.98px) {
margin-left: 0;
margin-bottom: 49px;
display: block;
}
}
@@ -54,9 +72,20 @@
padding-left: 21px;
}
@media (max-width: 1304.98px) {
padding-left: 11px;
padding-top: 19px;
@media (max-width: 1304.98px) {
padding-left: 11px;
padding-top: 19px;
}
@media (max-width: 991.98px) {
padding: 0 8px;
text-align: center;
}
&::after {
content: '';
display: block;
clear: both;
}
}
@@ -64,9 +93,18 @@
max-width: 50%;
float: left;
@media (max-width: 991.98px) {
max-width: initial;
}
&:last-child {
padding-left: 16px;
max-width: 47%;
@media (max-width: 991.98px) {
max-width: initial;
padding-left: 0;
}
}
}

36
styles/moover/animate.scss vendored
View File

@@ -16,6 +16,12 @@
margin-bottom: 141px;
}
@media (max-width: 991.98px) {
padding-top: 40px;
padding-bottom: 29px;
margin-bottom: 121px;
}
&.left {
transform: translateX(-180px);
}
@@ -24,10 +30,29 @@
transform: translateX(180px);
.title {
margin-bottom: 17px;
@media (min-width: 1720px) {
max-width: 80%;
margin-bottom: 40px;
}
@media (max-width: 1304.98px) {
margin-bottom: 25px;
}
@media (max-width: 991.98px) {
margin-bottom: 31px;
}
}
.subtitle {
@media (max-width: 991.98px) {
margin-bottom: 31px;
}
}
}
&__link {
@@ -47,6 +72,12 @@
@media (max-width: 1304.98px) {
max-width: 99%;
}
@media (max-width: 991.98px) {
max-width: 85%;
font-size: 24px;
line-height: 29.05px;
}
}
.subtitle {
@@ -62,5 +93,10 @@
@media (max-width: 1304.98px) {
width: 54%;
}
@media (max-width: 991.98px) {
width: 102%;
margin-bottom: 26px;
}
}
}

42
styles/moover/benefits.scss
View File

@@ -5,14 +5,22 @@
margin-bottom: 147px;
}
@media (max-width: 1304.98px) {
margin-bottom: 101px;
}
@media (max-width: 1304.98px) {
margin-bottom: 101px;
}
@media (max-width: 991.98px) {
margin-bottom: 93px;
}
&__grid {
text-align: left;
display: grid;
grid-template-columns: 1.5fr 3fr 1.5fr;
@media (max-width: 991.98px) {
grid-template-columns: 1fr 1fr;
}
}
&__item {
@@ -23,6 +31,20 @@
@media (min-width: 1720px) {
min-height: 145px;
}
@media (max-width: 991.98px) {
padding-right: 25px;
}
}
&__second {
@media (max-width: 991.98px) {
grid-column: 1 / 3;
order: -1;
margin-bottom: 56px;
}
}
&__third {
@@ -32,6 +54,10 @@
padding-left: 31px;
margin-right: 5px;
}
@media (max-width: 991.98px) {
padding-left: 11px;
}
}
.title {
@@ -40,6 +66,10 @@
@media (min-width: 1720px) {
margin-bottom: 93px;
}
@media (max-width: 991.98px) {
margin-bottom: 19px;
}
}
img {
@@ -51,9 +81,9 @@
top: -33px;
}
@media (max-width: 1304.98px) {
top: 20px;
right: 0;
@media (max-width: 1304.98px) {
top: 20px;
right: 0;
}
}

104
styles/moover/cards.scss
View File

@@ -11,6 +11,11 @@
@media (max-width: 991.98px) {
max-width: 270px;
}
@media (max-width: 767.98px) {
max-width: 251px;
margin-right: 18px;
}
}
&__img {
@@ -21,10 +26,18 @@
margin-bottom: 15px;
}
@media (max-width: 1304.98px) {
margin-bottom: 8px;
}
@media (max-width: 991.98px) {
margin-bottom: 8px;
}
@media (max-width: 767.98px) {
margin-bottom: 10px;
}
&:hover {
scale: 1.05;
transition: scale 0.15s linear;
@@ -34,6 +47,11 @@
&__desc {
font-weight: 500;
line-height: 22px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7; /* number of lines to show */
line-clamp: 7;
-webkit-box-orient: vertical;
@media (min-width: 1720px) {
font-size: 20px;
@@ -53,12 +71,21 @@
padding-right: 8px;
}
@media (max-width: 767.98px) {
//padding-left: 5px;
//padding-right: 5px;
}
.slick-active & {
-webkit-line-clamp: initial; /* number of lines to show */
line-clamp: initial;
}
a {
color: var(--color-orange);
}
}
&__arrow {
width: 62px;
height: 20px;
@@ -79,44 +106,51 @@
@media (max-width: 991.98px) {
display: none;
}
}
.slick-list {
overflow: visible;
@media (max-width: 767.98px) {
margin-bottom: 1px;
padding-left: 58px;
}
}
.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
li {
margin: 0 0.25rem;
@media (max-width: 767.98px) {
margin: 0 0.31rem;
}
}
button {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 100%;
background-color: #D9D9D9;
text-indent: -9999px;
}
li.slick-active button {
background-color: var(--color-orange);
}
}
}
.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
li {
margin: 0 0.25rem;
}
button {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 100%;
background-color: #D9D9D9;
text-indent: -9999px;
}
li.slick-active button {
background-color: var(--color-orange);
}
}

64
styles/moover/chatterbox.scss
View File

@@ -5,9 +5,16 @@
margin-bottom: 180px;
}
@media (max-width: 1304.98px) {
margin-bottom: 140px;
}
@media (max-width: 1304.98px) {
margin-bottom: 142px;
}
@media (max-width: 991.98px) {
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 122px;
//max-width: 100vw;
}
&__slider {
max-width: 1200px;
@@ -20,6 +27,12 @@
@media (max-width: 1304.98px) {
max-width: 1100px;
}
@media (max-width: 991.98px) {
max-width: 720px;
//position: relative;
}
}
&__slide {
@@ -42,6 +55,12 @@
background-size: 308px 565px;
}
@media (max-width: 991.98px) {
width: 206px;
height: 377px;
background-size: 206px 377px;
}
&.loaded {
video {
opacity: 1;
@@ -110,6 +129,11 @@
width: 109px;
height: 109px;
}
@media (max-width: 991.98px) {
width: 48px;
height: 48px;
}
}
&::before,
@@ -133,6 +157,11 @@
border-width: 23px 0 23px 35px;
margin-left: 4px;
}
@media (max-width: 991.98px) {
border-width: 10px 0 10px 14px;
}
}
}
@@ -150,6 +179,10 @@
@media (max-width: 1304.98px) {
height: 530px;
}
@media (max-width: 991.98px) {
height: 370px;
}
}
.title {
@@ -166,6 +199,13 @@
@media (max-width: 1304.98px) {
right: -10px;
}
@media (max-width: 991.98px) {
width: 40px;
height: 40px;
background-size: 32%;
right: 5%;
}
}
.slick-prev {
@@ -174,7 +214,21 @@
@media (max-width: 1304.98px) {
left: -10px;
}
@media (max-width: 991.98px) {
width: 40px;
height: 40px;
background-size: 32%;
left: 5%;
}
}
.slick-list {
@media (max-width: 991.98px) {
overflow: visible;
}
}
}
.slick-slide:not(.slick-center) .chatterbox__slide {
@@ -183,6 +237,10 @@
@media (max-width: 1304.98px) {
scale: 0.69;
}
@media (max-width: 991.98px) {
scale: 0.8;
}
}
.slick-center {

64
styles/moover/diff.scss
View File

@@ -1,5 +1,5 @@
.diff {
margin-bottom: 168px;
margin-bottom: 179px;
@media (min-width: 1720px) {
margin-bottom: 172px;
@@ -13,6 +13,10 @@
margin-bottom: 125px;
}
@media (max-width: 767.98px) {
margin-bottom: 139px;
}
.title {
width: 60%;
margin-bottom: 65px;
@@ -31,6 +35,11 @@
width: 90%;
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
width: 100%;
margin-bottom: 30px;
}
}
&__grid {
@@ -72,6 +81,9 @@
&.left {
margin-right: 29px;
@media (min-width: 1720px) {
margin-right: 12px;
}
@media (max-width: 1304.98px) {
margin-right: 10px;
@@ -85,7 +97,11 @@
padding-left: 39px;
@media (min-width: 1720px) {
padding-left: 24px;
padding-left: 2px;
}
@media (max-width: 1304.98px) {
padding-left: 0;
}
@media (max-width: 991.98px) {
@@ -110,12 +126,19 @@
padding-right: 39px;
@media (min-width: 1720px) {
padding-right: 24px;
padding-right: 0;
}
@media (max-width: 1304.98px) {
padding-right: 0;
}
@media (max-width: 991.98px) {
padding-right: 0;
}
@media (max-width: 767.98px) {
//margin-bottom: 29px;
}
}
}
@@ -131,6 +154,10 @@
@media (max-width: 991.98px) {
margin-bottom: 19px;
}
@media (max-width: 767.98px) {
margin-bottom: 29px;
}
}
&__item {
@@ -151,11 +178,9 @@
cursor: default;
@media (min-width: 1720px) {
padding-top: 22px;
padding-bottom: 20px;
padding-left: 27px;
padding: 20px;
gap: 20px;
margin-bottom: 38px;
margin-bottom: 40px;
}
@media (max-width: 1304.98px) {
@@ -168,6 +193,13 @@
padding-bottom: 9px;
}
@media (max-width: 767.98px) {
font-size: 16px;
line-height: 19.36px;
padding-right: 15px;
margin-bottom: 14px;
}
&:last-child {
margin-bottom: 0;
}
@@ -180,7 +212,6 @@
}
}
&__status {
position: relative;
height: 48px;
@@ -200,6 +231,11 @@
border-radius: 11px;
}
@media (max-width: 767.98px) {
width: 35px;
height: 35px;
}
&::before {
position: absolute;
left: 50%;
@@ -220,7 +256,11 @@
&::before {
width: 26px;
height: 26px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDJMOS4zMzMzMyAyNEwyIDEzLjAwMDUiIHN0cm9rZT0iIzQ1QzIyNiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDJMOS4zMzMzMyAyNEwyIDEzLjAwMDUiIHN0cm9rZT0iIzQ1QzIyNiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
@media (max-width: 767.98px) {
scale: 0.7;
}
}
}
@@ -230,7 +270,11 @@
&::before {
width: 36px;
height: 36px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjEyNSA3Ljg3NUw3Ljg3NSAyOC4xMjUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI4LjEyNSAyOC4xMjVMNy44NzUgNy44NzUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjEyNSA3Ljg3NUw3Ljg3NSAyOC4xMjUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI4LjEyNSAyOC4xMjVMNy44NzUgNy44NzUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
@media (max-width: 767.98px) {
scale: 0.7;
}
}
}
}

92
styles/moover/easy.scss
View File

@@ -6,7 +6,7 @@
}
@media (max-width: 1304.98px) {
margin-bottom: 142px;
margin-bottom: 140px;
}
@media (max-width: 991.98px) {
@@ -26,6 +26,11 @@
@media (max-width: 991.98px) {
max-width: 75%;
}
@media (max-width: 767.98px) {
max-width: 95%;
margin-bottom: 30px;
}
}
.subtitle {
@@ -34,6 +39,11 @@
@media (min-width: 1720px) {
margin-bottom: 59px;
}
@media (max-width: 767.98px) {
max-width: 90%;
margin: 0 auto 23px;
}
}
&__grid {
@@ -62,6 +72,10 @@
@media (max-width: 991.98px) {
display: block;
margin-bottom: 37px;
}
@media (max-width: 767.98px) {
margin-bottom: 40px;
}
}
@@ -81,7 +95,6 @@
@media (min-width: 1720px) {
margin-right: -10px;
margin-left: 7px;
padding-top: 31px;
}
@@ -92,7 +105,11 @@
@media (max-width: 991.98px) {
padding-top: 17px;
margin-right: 0;
margin-bottom: 43px;
margin-bottom: 49px;
}
@media (max-width: 767.98px) {
margin-bottom: 42px;
}
p {
@@ -116,11 +133,21 @@
padding-top: 0;
padding-bottom: 0;
@media (min-width: 1720px) {
padding-left: 15px;
}
@media (max-width: 991.98px) {
padding-top: 35px;
padding-bottom: 37px;
margin-bottom: 46px;
}
margin-bottom: 39px;
@media (max-width: 767.98px) {
display: block;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 49px;
}
img {
@@ -129,23 +156,36 @@
max-width: 50.1%;
@media (min-width: 1720px) {
margin-right: -12px;
max-width: 53%;
}
@media (max-width: 1304.98px) {
max-width: 43.1%;
max-width: 42%;
margin-bottom: -4px;
margin-right: 0;
}
@media (max-width: 991.98px) {
margin-right: 0;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
max-width: 104%;
position: relative;
left: -6px;
top: -4px;
}
}
p {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
@media (max-width: 767.98px) {
margin-bottom: 22px;
}
}
}
@@ -159,11 +199,21 @@
padding-bottom: 0;
//background-color: #00a420;
@media (min-width: 1720px) {
padding-left: 15px;
}
@media (max-width: 991.98px) {
padding-top: 42px;
padding-bottom: 46px;
}
@media (max-width: 767.98px) {
display: block;
padding-top: 0;
padding-bottom: 0;
}
.img {
margin-bottom: -10px;
margin-right: 24px;
@@ -181,6 +231,14 @@
margin-right: 0;
max-width: 34%;
}
img {
@media (max-width: 767.98px) {
display: block;
margin: 0 auto;
}
}
}
p {
@@ -192,6 +250,11 @@
@media (max-width: 991.98px) {
max-width: 60%;
}
@media (max-width: 767.98px) {
margin-bottom: 22px;
max-width: 100%;
}
}
}
}
@@ -220,7 +283,7 @@
right: 101%;
@media (min-width: 1720px) {
right: 104%;
right: 105%;
top: 34%;
}
@media (max-width: 1304.98px) {
@@ -234,7 +297,7 @@
transform: rotate(90deg);
@media (min-width: 1720px) {
left: 46%;
left: 45%;
top: 124%;
}
@@ -247,10 +310,21 @@
&__btn {
margin-top: -21px;
@media (max-width: 1304.98px) {
margin-top: -20px;
}
@media (max-width: 991.98px) {
margin-top: -26px;
margin-top: -19px;
padding-left: 54px;
padding-right: 54px;
}
@media (max-width: 767.98px) {
padding-left: 50px;
padding-right: 50px;
margin-top: -8px;
max-width: 100%;
}
}
}

26
styles/moover/header.scss
View File

@@ -5,17 +5,25 @@
top: 0;
width: 100vw;
padding: 40px 5px;
transition: all 0.1s ease-in-out;
@media (max-width: 1304.98px) {
padding-top: 37px;
padding-bottom: 41px;
}
@media (max-width: 1304.98px) {
padding-top: 37px;
padding-bottom: 41px;
}
@media (max-width: 991.98px) {
padding-top: 19px;
padding-bottom: 19px;
}
&.scrolled {
padding-top: 20px;
padding-bottom: 20px;
box-shadow: var(--box-shadow-primary);
border-bottom: 1px solid var(--color-grey);
}
&__grid,
&__list {
display: flex;
@@ -33,12 +41,16 @@
left: 5px;
@media (max-width: 1304.98px) {
left: 14px;
left: 6px;
}
@media (max-width: 991.98px) {
left: 0;
}
@media (max-width: 767.98px) {
left: -3px;
}
}
&__nav {
@@ -84,6 +96,10 @@
.dropdown {
left: -4px;
@media (max-width: 767.98px) {
left: -8px;
}
&-content {
right: 0;
height: initial;

31
styles/moover/presentation.scss
View File

@@ -8,8 +8,7 @@
}
@media (max-width: 1304.98px) {
margin-bottom: 120px;
margin-bottom: 138px;
margin-bottom: 118px;
}
@media (max-width: 991.98px) {
@@ -63,14 +62,24 @@
padding-top: 31px;
margin-bottom: 76px;
}
@media (max-width: 767.98px) {
margin-bottom: 77px;
}
}
&__bottom {
.subtitle {
@media (max-width: 991.98px) {
max-width: 40%;
margin: 0 auto 30px;
}
@media (max-width: 767.98px) {
max-width: 65%;
margin-bottom: 21px;
}
}
}
@@ -81,6 +90,10 @@
max-width: 75%;
margin: 0 auto 19px;
}
@media (max-width: 767.98px) {
margin-bottom: 15px;
}
}
&__subtitle {
@@ -91,8 +104,12 @@
max-width: 55%;
margin: 0 auto 40px;
font-size: 16px;
}
@media (max-width: 767.98px) {
margin-bottom: 30px;
max-width: 77%;
}
}
&__btn {
@@ -102,6 +119,10 @@
padding-left: 82px;
padding-right: 82px;
}
@media (max-width: 767.98px) {
margin-bottom: 30px;
}
}
&__next {
@@ -128,6 +149,10 @@
@media (max-width: 1304.98px) {
max-width: 1140px;
}
@media (max-width: 767.98px) {
//padding-left: 58px;
}
}
&__bottom .presentation__title {

77
styles/moover/root.scss
View File

@@ -20,17 +20,17 @@
@media (max-width: 991.98px) {
.container {
width: 640px
//max-width: 85vw;
width: 640px;
max-width: 100vw;
}
}
/*@media (max-width: 767.98px) {*/
/* .container {*/
/* margin: 0 15px;*/
/* width: auto*/
/* }*/
/*}*/
@media (max-width: 767.98px) {
.container {
margin: 0 16px;
width: auto;
}
}
:root {
--color-primary: #FF613A;
@@ -51,6 +51,19 @@
body {
overflow-x: hidden;
padding-top: 129px;
@media (max-width: 1304.98px) {
padding-top: 126px;
}
@media (max-width: 991.98px) {
padding-top: 85px;
}
@media (max-width: 767.98px) {
padding-top: 57px;
}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
@@ -86,7 +99,7 @@ h3, .h3 {
@media (max-width: 1304.98px) {
margin-bottom: 13px;
}
}
}
h4, .h4 {
@@ -103,10 +116,19 @@ p {
font-size: 20px;
line-height: 26px;
}
@media (max-width: 991.98px) {
margin-bottom: 18px;
}
}
b {
font-weight: 500;
@media (max-width: 991.98px) {
font-size: 16px;
line-height: 22px;
}
}
@@ -150,6 +172,10 @@ b {
font-size: 32px;
line-height: 38.73px;
}
@media (max-width: 767.98px) {
margin-bottom: 14px;
}
}
.subtitle {
@@ -172,7 +198,7 @@ b {
display: none;
&__xxl {
display: initial;
display: inline-flex;
@media (min-width: 1720px) {
display: none;
@@ -180,7 +206,7 @@ b {
}
&__md {
display: initial;
display: inline-flex;
@media (max-width: 991.98px) {
display: none;
@@ -219,11 +245,32 @@ b {
display: none;
}
}
}
@media (min-width: 1440px) {
.is-container.wrapper_main {
max-width: initial;
&--sm {
@media (max-width: 767.98px) {
display: none;
}
}
}
.is-container.wrapper_main {
@media (min-width: 1440px) {
max-width: initial;
}
& > .container {
position: relative;
left: 15px;
@media (min-width: 1720px) {
left: 17px;
}
@media (max-width: 767.98px) {
left: 0;
}
}
}

39
styles/moover/sore.scss
View File

@@ -10,19 +10,32 @@
margin-bottom: 140px;
}
@media (max-width: 991.98px) {
margin-bottom: 60px;
}
&__img {
margin: 0 auto 26px;
margin: 0 auto 13px;
position: relative;
left: -17px;
top: -13px;
@media (min-width: 1720px) {
margin-bottom: 46px;
margin-bottom: 40px;
top: -5px;
left: -21px;
}
@media (max-width: 1304.98px) {
left: 4px;
top: -9px;
margin-bottom: 17px;
left: 2px;
top: -22px;
margin-bottom: 4px;
}
@media (max-width: 991.98px) {
top: -8px;
left: -15px;
margin-bottom: 18px;
}
}
@@ -32,22 +45,29 @@
@media (min-width: 1720px) {
margin-bottom: 61px;
}
@media (max-width: 991.98px) {
margin-bottom: 20px;
}
}
.subtitle {
max-width: 62%;
margin: 0 auto -1px;
margin: 0 auto 10px;
@media (min-width: 1720px) {
line-height: 26px;
max-width: 60%;
margin-bottom: 5px;
}
@media (max-width: 1304.98px) {
max-width: 65%;
}
@media (max-width: 991.98px) {
max-width: 85%;
}
}
.h3 {
@@ -61,5 +81,10 @@
@media (max-width: 1304.98px) {
max-width: 50%;
}
@media (max-width: 991.98px) {
max-width: 65%;
margin-bottom: 21px;
}
}
}

59
styles/moover/use.scss
View File

@@ -6,7 +6,7 @@
}
@media (max-width: 1304.98px) {
margin-bottom: 145px;
margin-bottom: 142px;
}
@media (max-width: 991.98px) {
@@ -20,12 +20,14 @@
@media (min-width: 1720px) {
width: 50.2%;
margin-left: 27px;
margin-bottom: 35px;
margin-left: 15px;
margin-bottom: 46px;
}
@media (max-width: 1304.98px) {
width: 77%;
margin-left: 10px;
margin-bottom: 34px;
}
@media (max-width: 991.98px) {
@@ -33,10 +35,21 @@
width: 100%;
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
margin-bottom: 30px;
}
}
&__btn {
margin-bottom: 11px;
text-align: center;
@media (max-width: 767.98px) {
max-width: 100%;
padding-left: 50px;
padding-right: 50px;
}
}
&__link {
@@ -55,7 +68,12 @@
}
@media (max-width: 991.98px) {
margin-bottom: 38px;
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
max-width: 100%;
margin-bottom: 29px;
}
}
@@ -63,20 +81,24 @@
margin-bottom: 120px;
@media (min-width: 1720px) {
margin-bottom: 135px;
margin-bottom: 126px;
}
@media (max-width: 1304.98px) {
margin-bottom: 123px;
@media (max-width: 1304.98px) {
margin-bottom: 106px;
}
@media (max-width: 991.98px) {
margin-bottom: 79px;
}
.title {
margin-bottom: 51px;
@media (max-width: 1304.98px) {
margin-bottom: 39px;
}
@media (max-width: 1304.98px) {
margin-bottom: 39px;
}
}
.use__img {
@@ -89,12 +111,12 @@
width: initial;
}
@media (max-width: 1304.98px) {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 1120px;
}
@media (max-width: 1304.98px) {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 1120px;
}
}
}
@@ -104,6 +126,11 @@
max-width: 75%;
margin: 0 auto 22px;
}
@media (max-width: 767.98px) {
max-width: 100%;
margin-bottom: 16px;
}
}
}

32
styles/moover/uses.scss
View File

@@ -5,9 +5,13 @@
margin-bottom: 136px;
}
@media (max-width: 1304.98px) {
margin-bottom: 123px;
}
@media (max-width: 1304.98px) {
margin-bottom: 125px;
}
@media (max-width: 991.98px) {
margin-bottom: 100px;
}
&__grid {
text-align: left;
@@ -16,7 +20,10 @@
/* max-width: 101.5%; */
/* width: 101.5%; */
@media (max-width: 991.98px) {
grid-template-columns: 1fr 1fr;
column-gap: 15px;
}
}
@@ -28,6 +35,17 @@
@media (min-width: 1720px) {
margin-bottom: 22px;
}
@media (max-width: 991.98px) {
padding-right: 0;
}
p:last-child {
@media (max-width: 991.98px) {
margin-bottom: 0;
}
}
}
&__icon {
@@ -45,9 +63,9 @@
max-width: 50%;
margin: 0 auto 60px;
@media (max-width: 1304.98px) {
max-width: 70%;
margin-bottom: 39px;
@media (max-width: 1304.98px) {
max-width: 70%;
margin-bottom: 39px;
}
}