masbudikusuma/edukarsa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: integrasi modul FAQ accordion native dan input jam kerja multi-baris

Browse Source
This commit is contained in:
Mas Budi Kusuma
2026-09-15 23:27:30 +07:00
parent 03d6abd8ba
commit 7c2a9131de
5 changed files with 244 additions and 583 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+15
View File
@@ -363,3 +363,18 @@ h1, h2, h3, h4, h5, h6 { color: var(--heading-color); font-weight: 800; line-hei
}
.back-to-top-btn.show { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top-btn:hover { background-color: var(--secondary-color); transform: translateY(-3px); }
/* 16. FAQ ACCORDION SECTION */
.edukarsa-faq-section { padding: 60px 0 40px; background-color: #f8fafc; }
.faq-accordion-container { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }
.faq-item { background: #ffffff; border-radius: var(--radius); border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow: hidden; transition: all 0.25s ease; }
.faq-item:hover { border-color: var(--secondary-color); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); }
.faq-header { width: 100%; padding: 22px 26px; background: transparent; border: none; outline: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; }
.faq-title { font-size: 16px; font-weight: 700; color: var(--heading-color); margin: 0; line-height: 1.45; transition: color 0.2s ease; }
.faq-item:hover .faq-title, .faq-item.active .faq-title { color: var(--primary-color); }
.faq-icon { width: 26px; height: 26px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 17px; font-weight: 800; color: var(--primary-color); transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease; line-height: 1; }
.faq-item.active .faq-icon { background: var(--primary-color); color: #ffffff; transform: rotate(45deg); }
.faq-body { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 26px; color: var(--text-color); font-size: 15px; line-height: 1.75; }
.faq-body-content p { margin-bottom: 0; }
.faq-body-content p + p { margin-top: 10px; }
.faq-item.active .faq-body { max-height: 400px; padding: 0 26px 22px; }