mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-10-29 03:12:42 +00:00
deploy: 41f0c429b3
This commit is contained in:
epoberezkin committed
1 parent
2b665d8711
commit
43c18c30db
107 files changed
+1818
-1670
No files matched your search
+7
-7
@@ -10,7 +10,7 @@ body.change-nav-color {
|
||||
--nav-color: #001796;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
@media screen and (min-width: 1016px) {
|
||||
.logo {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
@@ -182,7 +182,7 @@ header#navbar ul a {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
@media screen and (min-width: 1016px) {
|
||||
header#navbar ul .nav-link a,
|
||||
header#navbar ul .nav-link-text {
|
||||
font-size: 18px;
|
||||
@@ -258,7 +258,7 @@ header#navbar ul a span svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
@media screen and (min-width: 1016px) {
|
||||
header#navbar nav#menu>ul>li>a {
|
||||
color: var(--nav-color);
|
||||
}
|
||||
@@ -366,7 +366,7 @@ header#navbar .nav-link:focus-within .sub-menu {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
@media screen and (min-width: 1016px) {
|
||||
.flag-container>a {
|
||||
color: var(--nav-color) !important;
|
||||
}
|
||||
@@ -427,7 +427,7 @@ header#navbar button.theme-switch-btn svg path {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
@media screen and (min-width: 1016px) {
|
||||
header#navbar button.theme-switch-btn svg path {
|
||||
fill: var(--nav-color) !important;
|
||||
transition: all 0.3s ease;
|
||||
@@ -497,7 +497,7 @@ button#cross-btn {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
@media (min-width: 1016px) {
|
||||
@media (max-width: 1050px) {
|
||||
header#navbar nav#menu .nav-link.send-file {
|
||||
display: none;
|
||||
@@ -505,7 +505,7 @@ button#cross-btn {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 959px) {
|
||||
@media (max-width: 1015px) {
|
||||
#mobile-header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
||||
+284
-83
@@ -171,7 +171,7 @@
|
||||
#fff6e0 90%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) {
|
||||
@media screen and (max-width: 1015px) {
|
||||
:root {
|
||||
--bg-grad: linear-gradient(30deg,
|
||||
#e8f3ff 0%,
|
||||
@@ -225,7 +225,7 @@ body {
|
||||
background: #0a0f2b;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
@media screen and (min-width: 1016px) {
|
||||
html {
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
@@ -364,55 +364,104 @@ section.page .area {
|
||||
|
||||
/* --- COVER --- */
|
||||
section.cover {
|
||||
--cover-area-off: calc((var(--sec-h) - 100svh) / 2);
|
||||
--cover-fade-rgb: 33, 70, 110;
|
||||
background-image: url("/img/design_3/cover-light.webp");
|
||||
background-size: var(--cover-bg-w) var(--cover-bg-h);
|
||||
background-position: center;
|
||||
background-position: calc(50% + var(--sec-vwu) * 8.5) center;
|
||||
background-repeat: no-repeat;
|
||||
overflow: hidden;
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
.dark section.cover {
|
||||
--cover-fade-rgb: 2, 7, 29;
|
||||
background-image: url("/img/design_3/cover.webp");
|
||||
}
|
||||
|
||||
.chrome-ios section.cover,
|
||||
.safari-ios section.cover {
|
||||
background-position: center calc(50% - calc(110lvh - 100svh) / 2);
|
||||
--cover-bottom-ext: calc(110lvh - 100svh);
|
||||
background-position: calc(50% + var(--sec-vwu) * 8.5) calc(50% - calc(110lvh - 100svh) / 2);
|
||||
}
|
||||
|
||||
.chrome-android section.cover {
|
||||
background-position: center calc(50% - calc(100lvh - 100svh) / 2);
|
||||
--cover-bottom-ext: calc(100lvh - 100svh);
|
||||
background-position: calc(50% + var(--sec-vwu) * 8.5) calc(50% - calc(100lvh - 100svh) / 2);
|
||||
}
|
||||
|
||||
.cover-art {
|
||||
position: absolute;
|
||||
width: var(--sec-w);
|
||||
height: var(--sec-h);
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.cover-phone {
|
||||
position: absolute;
|
||||
right: calc(var(--sec-vwu) * 4);
|
||||
bottom: calc(var(--sec-vhu) * -55.56);
|
||||
height: calc(var(--sec-vhu) * 129.96);
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.cover-fade {
|
||||
position: absolute;
|
||||
right: calc(var(--sec-vwu) * 4);
|
||||
width: calc(var(--sec-vhu) * 129.96 * 0.4914);
|
||||
bottom: var(--cover-area-off);
|
||||
height: calc(var(--sec-vhu) * 38);
|
||||
background: linear-gradient(to top, rgb(var(--cover-fade-rgb)) 22%, rgba(var(--cover-fade-rgb), .8) 52%, rgba(var(--cover-fade-rgb), 0) 100%);
|
||||
}
|
||||
|
||||
section.cover div.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
align-items: flex-start;
|
||||
text-align: start;
|
||||
gap: calc(var(--sec-vhu) * 3.5);
|
||||
width: var(--sec-w);
|
||||
height: var(--sec-h);
|
||||
padding-left: calc(var(--sec-vwu) * 4);
|
||||
}
|
||||
|
||||
@media (min-width: 1016px), (max-width: 1015px) and (orientation: landscape) {
|
||||
[dir="rtl"] section.cover div.content {
|
||||
padding-left: 0;
|
||||
padding-right: calc(var(--sec-vwu) * 4);
|
||||
}
|
||||
|
||||
[dir="rtl"] .cover-phone,
|
||||
[dir="rtl"] .cover-fade {
|
||||
left: calc(var(--sec-vwu) * 4);
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .cover-stats {
|
||||
left: 30px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
section.cover div.content h1 {
|
||||
font-family: "GT-Walsheim", sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: calc(var(--sec-vwu) * 11.7);
|
||||
font-size: calc(var(--sec-vwu) * 10);
|
||||
line-height: 0.9;
|
||||
letter-spacing: -0.025em;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section.cover div.content h1 .small {
|
||||
font-size: calc(var(--sec-vwu) * 8);
|
||||
font-size: calc(var(--sec-vwu) * 6.85);
|
||||
line-height: 1;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
section.cover div.content h1 .medium {
|
||||
font-size: calc(var(--sec-vwu) * 10);
|
||||
font-size: calc(var(--sec-vwu) * 8.55);
|
||||
line-height: 1;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
@@ -431,7 +480,12 @@ section.cover div.content p {
|
||||
font-size: calc(var(--sec-vwu) * 2.14);
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
max-width: calc(var(--sec-vwu) * 53);
|
||||
max-width: calc(var(--sec-vwu) * 55);
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
section.cover div.content p .nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
section.cover div.content p.invest {
|
||||
@@ -444,39 +498,65 @@ section.cover div.content p.invest a {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.publications-btns {
|
||||
html:not(.dark) section.cover div.content p {
|
||||
font-weight: 300;
|
||||
max-width: calc(var(--sec-vwu) * 55.2);
|
||||
}
|
||||
|
||||
html:not(.dark) section.cover div.content p.invest {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
html:not(.dark) section.cover div.content p.invest a {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
html:not(.dark) section.cover div.content .gradient-text {
|
||||
background: linear-gradient(90deg,
|
||||
#ffb55d 0%,
|
||||
#fff494 50%,
|
||||
#fbffdd 100%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
.cover-stats {
|
||||
position: absolute;
|
||||
bottom: 24px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
[dir="ltr"] .publications-btns {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .publications-btns {
|
||||
right: 30px;
|
||||
bottom: calc(74px + var(--cover-bottom-ext, 0px));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 48px;
|
||||
}
|
||||
|
||||
.publications-btns img {
|
||||
width: 32px;
|
||||
.cover-stat {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 13px;
|
||||
}
|
||||
|
||||
.publications-btns img.kuketz {
|
||||
width: 38px;
|
||||
.cover-stat b {
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 37px;
|
||||
line-height: 1.1;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.publications-btns img.whonix {
|
||||
width: 30px;
|
||||
.cover-stat span {
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.dark .cover-stat span {
|
||||
color: #dfeaff;
|
||||
}
|
||||
|
||||
.security-btns {
|
||||
position: absolute;
|
||||
bottom: 24px;
|
||||
bottom: calc(24px + var(--cover-bottom-ext, 0px));
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
@@ -485,13 +565,11 @@ section.cover div.content p.invest a {
|
||||
}
|
||||
|
||||
[dir="ltr"] .security-btns {
|
||||
left: 0;
|
||||
transform: translateX(calc((100vw / 2) - 50%));
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .security-btns {
|
||||
right: 0;
|
||||
transform: translateX(calc(-1 * ((100vw / 2) - 50%)));
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.security-btns img {
|
||||
@@ -514,26 +592,9 @@ section.cover div.content p.invest a {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1279px) {
|
||||
.publications-btns {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
[dir="ltr"] .security-btns {
|
||||
transform: translateX(0);
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .security-btns {
|
||||
transform: translateX(0);
|
||||
right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.socials {
|
||||
position: absolute;
|
||||
bottom: 22px;
|
||||
bottom: calc(22px + var(--cover-bottom-ext, 0px));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -541,7 +602,7 @@ section.cover div.content p.invest a {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
@media (min-width: 1016px) {
|
||||
.socials .desktop-app-btn,
|
||||
.socials .apple-store-btn,
|
||||
.socials .google-play-btn {
|
||||
@@ -603,14 +664,7 @@ section.cover div.content p.invest a {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) {
|
||||
|
||||
.publications-btns,
|
||||
.security-btns,
|
||||
.socials {
|
||||
position: static;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1015px) and (orientation: portrait) {
|
||||
.socials {
|
||||
min-height: 42px;
|
||||
}
|
||||
@@ -722,7 +776,7 @@ main .section-bg {
|
||||
background-image: url("/img/design_3/section-5-desktop.webp");
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) {
|
||||
@media screen and (max-width: 1015px) {
|
||||
.page-2 {
|
||||
background-image: url("/img/design_3/section-2-mobile-light.webp");
|
||||
background-size: auto calc(var(--cover-bg-h) * 0.84);
|
||||
@@ -967,41 +1021,154 @@ main .section-bg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 959px) {
|
||||
section.cover div.content {
|
||||
gap: calc(var(--sec-vhu) * 2.5);
|
||||
transform: translateY(calc(var(--sec-vhu) * 3));
|
||||
@media (max-width: 1015px) and (orientation: portrait) {
|
||||
section.cover {
|
||||
--cover-crest: 10px;
|
||||
--cover-text-top: calc(var(--cover-crest) + var(--cover-bg-w) * 0.0125);
|
||||
--cover-text-b: calc(var(--cover-text-top) + var(--cover-bg-w) * 0.19);
|
||||
--cover-phone-w: 82vw;
|
||||
--cover-phone-top: calc(var(--cover-text-b) + 16px + var(--cover-area-off));
|
||||
--cover-cta-bottom: max(12px, env(safe-area-inset-bottom, 0px));
|
||||
--cover-audits-top: calc(100svh - var(--cover-cta-bottom) - 36px);
|
||||
--cover-socials-top: calc(var(--cover-audits-top) - 66px);
|
||||
--cover-row-gap: clamp(14px, 4.5vw, 20px);
|
||||
--cover-row-start: calc(50% - (var(--cover-socials-w, 165px) + var(--cover-row-gap) + var(--cover-stats-w, 141px)) / 2);
|
||||
--cover-fade-ext: max(0px, calc(110lvh - 100svh));
|
||||
--cover-fade-dyn: max(0px, calc(110lvh - 100dvh));
|
||||
--cover-fade-base: calc(var(--cover-fade-dyn) + var(--cover-cta-bottom) + 114px);
|
||||
--cover-fade-ramp: 48px;
|
||||
}
|
||||
|
||||
.publications-btns,
|
||||
.security-btns,
|
||||
.socials {
|
||||
margin-top: calc(var(--sec-vhu) * 2);
|
||||
section.cover,
|
||||
.chrome-ios section.cover,
|
||||
.safari-ios section.cover,
|
||||
.chrome-android section.cover {
|
||||
background-position: 50% calc(var(--cover-crest) - var(--cover-bg-h) * 0.2678);
|
||||
}
|
||||
|
||||
.cover-phone {
|
||||
left: 50%;
|
||||
right: auto;
|
||||
transform: translateX(-50%);
|
||||
top: var(--cover-phone-top);
|
||||
bottom: auto;
|
||||
width: var(--cover-phone-w);
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.cover-fade {
|
||||
left: 50%;
|
||||
right: auto;
|
||||
transform: translateX(-50%);
|
||||
width: 100vw;
|
||||
bottom: calc(var(--cover-area-off) - var(--cover-fade-ext));
|
||||
height: calc(var(--cover-fade-base) + var(--cover-fade-ramp));
|
||||
background: linear-gradient(to top, rgba(var(--cover-fade-rgb), .9) var(--cover-fade-base), rgba(var(--cover-fade-rgb), 0) 100%);
|
||||
}
|
||||
|
||||
[dir="ltr"] .socials {
|
||||
top: var(--cover-socials-top);
|
||||
bottom: auto;
|
||||
left: var(--cover-row-start);
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .socials {
|
||||
top: var(--cover-socials-top);
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
right: var(--cover-row-start);
|
||||
}
|
||||
|
||||
[dir="ltr"] .cover-stats {
|
||||
top: var(--cover-socials-top);
|
||||
bottom: auto;
|
||||
left: calc(var(--cover-row-start) + var(--cover-socials-w, 165px) + var(--cover-row-gap));
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .cover-stats {
|
||||
top: var(--cover-socials-top);
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
right: calc(var(--cover-row-start) + var(--cover-socials-w, 165px) + var(--cover-row-gap));
|
||||
}
|
||||
|
||||
[dir="ltr"] .security-btns,
|
||||
[dir="rtl"] .security-btns {
|
||||
top: var(--cover-audits-top);
|
||||
bottom: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1015px) and (orientation: landscape) {
|
||||
section.cover {
|
||||
--cover-bg-w: calc(min((3200 / 1920) * 100vw, (3200 / 1080) * 100svh));
|
||||
--cover-bg-h: calc(min((1800 / 1920) * 100vw, (1800 / 1080) * 100svh));
|
||||
--sec-w: calc(min(100vw, (1920 / 1080) * 100svh));
|
||||
--sec-h: calc(min((1080 / 1920) * 100vw, 100svh));
|
||||
--sec-vwu: calc(var(--sec-w) / 100);
|
||||
--sec-vhu: calc(var(--sec-h) / 100);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1015px) and (orientation: landscape) and (max-height: 500px) {
|
||||
section.cover div.content h1 br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cover-stats {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.cover-stat {
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.cover-stat b {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.cover-stat span {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1015px) and (orientation: portrait) {
|
||||
section.cover div.content {
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
gap: calc(var(--sec-vwu) * 3);
|
||||
margin-top: min(0px, calc(var(--cover-text-top) + var(--cover-area-off)));
|
||||
padding: max(0px, calc(var(--cover-text-top) + var(--cover-area-off))) 21.6px 0;
|
||||
}
|
||||
|
||||
section.cover div.content h1 {
|
||||
line-height: 0.85;
|
||||
font-weight: 700;
|
||||
font-size: calc(var(--sec-vwu) * 30);
|
||||
font-size: calc(var(--sec-vwu) * 24.75);
|
||||
}
|
||||
|
||||
section.cover div.content h1 .small {
|
||||
font-size: calc(var(--sec-vwu) * 16);
|
||||
font-size: calc(var(--sec-vwu) * 13.2);
|
||||
}
|
||||
|
||||
section.cover div.content h1 .medium {
|
||||
font-size: calc(var(--sec-vwu) * 24);
|
||||
font-size: calc(var(--sec-vwu) * 19.8);
|
||||
}
|
||||
|
||||
section.cover div.content h2 {
|
||||
font-weight: 500;
|
||||
font-size: calc(var(--sec-vwu) * 12.85);
|
||||
font-size: calc(var(--sec-vwu) * 10.6);
|
||||
}
|
||||
|
||||
section.cover div.content p {
|
||||
font-weight: 400;
|
||||
font-size: calc(var(--sec-vwu) * 5.5);
|
||||
max-width: calc(var(--sec-vwu) * 93);
|
||||
font-size: calc(var(--sec-vwu) * 4.1);
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
section.cover div.content p.invest {
|
||||
@@ -1012,6 +1179,40 @@ main .section-bg {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
html:not(.dark) section.cover div.content p,
|
||||
html:not(.dark) section.cover div.content p.invest {
|
||||
font-weight: 500;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
html:not(.dark) section.cover div.content p.invest a {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.cover-stats {
|
||||
height: 42px;
|
||||
gap: clamp(12px, 4vw, 16px);
|
||||
}
|
||||
|
||||
.cover-stat {
|
||||
display: block;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.cover-stat b {
|
||||
display: block;
|
||||
font-size: clamp(19px, 5.6vw, 22px);
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
.cover-stat span {
|
||||
display: block;
|
||||
font-size: clamp(10px, 2.8vw, 11px);
|
||||
line-height: 1.25;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1015px) {
|
||||
/* --- MAIN SECTIONS --- */
|
||||
.page .text-container {
|
||||
justify-content: flex-end;
|
||||
@@ -1108,7 +1309,7 @@ main .section-bg {
|
||||
border-radius: calc(var(--sec-vhu) * 1.8);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) {
|
||||
@media screen and (max-width: 1015px) {
|
||||
.page-6 .group-images {
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
@@ -1321,7 +1522,7 @@ main .section-bg {
|
||||
margin: calc(var(--sec-vhu) * 2);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) {
|
||||
@media screen and (max-width: 1015px) {
|
||||
.page-6 .group-images>a.group-image:nth-child(1) {
|
||||
--c: 3;
|
||||
--r: 1;
|
||||
@@ -1525,7 +1726,7 @@ section.page.footer {
|
||||
min-height: fit-content;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) {
|
||||
@media screen and (max-width: 1015px) {
|
||||
section.page.footer {
|
||||
height: 100lvh;
|
||||
min-height: 100lvh;
|
||||
@@ -1560,7 +1761,7 @@ section.page.footer {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
@media (min-width: 1016px) {
|
||||
|
||||
.footer .container-md,
|
||||
.footer .container-sm,
|
||||
|
||||
+1
-1
@@ -126,7 +126,7 @@ main .section-bg {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) {
|
||||
@media screen and (max-width: 1015px) {
|
||||
.livestream {
|
||||
background-image: url("/img/design_3/section-4-mobile-light.webp");
|
||||
background-size: auto calc(var(--cover-bg-h) * 0.78);
|
||||
|
||||
Reference in new issue
Block a user