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

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;
}
}
}
}