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

This commit is contained in:
2026-07-13 10:02:13 +05:00
parent b1bf162d56
commit 8c3418488c

View File

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