diff --git a/public/support/index.html b/public/support/index.html index 255f499..bee0d81 100644 --- a/public/support/index.html +++ b/public/support/index.html @@ -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);