Popis
.fd-accordion-container { max-width: 882px; margin: 0 auto; font-family: inherit; color: #333333; line-height: 1,6; velikost písma: 16px; } .fd-accordion-container *, .fd-accordion-container *::before, .fd-accordion-container *::after { box-sizing: border-box; font-family: inherit; } .fd-accordion-item { border-bottom: 1px solid #f3f2f1; display: grid; grid-template-columns: 200px 1fr; mezera: 32px; kurzor: ukazatel; align-items: start; margin: 0; } .fd-accordion-header { transition: all 0.3s ease; } .fd-accordion-title { font-size: 11pt; font-weight: 600; letter-spacing: 0.011em; padding-top: 2px; text-transform: velká písmena; margin: 0; } .fd-accordion-right { position: relative; } .fd-accordion-header-right { position: absolute; top: 0; right: 0; } .fd-accordion-icon { width: 24px; height: 24px; position: relative; flex-shrink: 0; } .fd-accordion-icon::before, .fd-accordion-icon::after { content: ''; position: absolute; pozadí: v případě, že je to možné, je třeba, aby se na obrazovce objevily nové prvky:: #1d1d1f; přechod: transformace 0,35s cubic-bezier(0,4, 0, 0,2, 1); } .fd-accordion-icon::before { width: 11px; height: 1,5px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fd-accordion-icon::after { width: 1.5px; height: 11px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fd-accordion-item.active .fd-accordion-icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; } .fd-accordion-content { overflow: hidden; display: grid; grid-template-rows: 1fr; přechod: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1); padding-right: 40px; } .fd-accordion-content-inner { padding-bottom: 26px; line-height: 1.7; overflow: hidden; opacity: 1; transform: translateY(0); přechod: překrytí 0,35s cubic-bezier(0,4, 0, 0,2, 1), transformace 0,35s cubic-bezier(0,4, 0, 0,2, 1); } .fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content { grid-template-rows: 0fr; } .fd-accordion.js-initialized .fd-accordion-item:not(