k1ngsterr1/landing
1
0
Fork 0
forked from Rosetta/landing
Code Pull Requests Activity

Сделать FAQ одноколоночным

Browse Source
This commit is contained in:
k1ngsterr1
2026-07-13 10:02:13 +05:00
parent b1bf162d56
commit 8c3418488c
1 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/support/index.html
View File

@@ -204,8 +204,8 @@
.faq { .faq {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: minmax(0, 1fr);
gap: 14px; gap: 12px;
} }
details { details {
@@ -216,11 +216,14 @@
border-radius: 8px; border-radius: 8px;
background: #ffffff; background: #ffffff;
overflow: hidden; overflow: hidden;
transition: grid-template-rows 260ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 180ms ease; transition: grid-template-rows 280ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 180ms ease,
background-color 180ms ease;
} }
details[open] { details[open] {
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
border-color: #b8cce8;
background: #f9fbff;
} }
summary { summary {
@@ -265,17 +268,18 @@
details > p { details > p {
display: block; display: block;
min-height: 0; min-height: 0;
margin: 0; margin: 0 40px 0 0;
overflow: hidden; overflow: hidden;
color: #526176; color: #526176;
font-size: 15px; font-size: 15px;
opacity: 0; opacity: 0;
transform: translateY(-4px); transform: translateY(-4px);
transition: opacity 140ms ease, transform 180ms ease, margin 260ms cubic-bezier(0.2, 0.8, 0.2, 1); transition: opacity 160ms ease, transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
margin 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
} }
details[open] > p { details[open] > p {
margin: 14px 0 0; margin: 14px 40px 0 0;
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
transition-delay: 70ms; transition-delay: 70ms;
@@ -414,6 +418,11 @@
background: #141c29; background: #141c29;
} }
details[open] {
border-color: #3c608b;
background: #18263a;
}
.quick-link:hover { .quick-link:hover {
border-color: #427fc7; border-color: #427fc7;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);