minhnhat/uldp.edu.vn
1
0
Fork 0
forked from UKSOURCE/hailearning.edu.vn
Code Pull Requests 1 Activity

feat: add Contact and Accreditation pages

Browse Source
This commit is contained in:
hkiett265
2026-04-14 16:00:11 +07:00
parent 4bfad8481b
commit 10103806bb
18 changed files with 692 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
app/accreditation/accreditation.css Normal file
View File

@@ -0,0 +1,53 @@
/* ============================================
Accreditation Page — Scoped Styles
Scope: .accreditation-page
============================================ */
/* Typography — dùng div thay h1/h2/h3 */
.accreditation-page .acc-heading {
font-size: clamp(2.5rem, 5vw, 3.75rem);
line-height: 1.15;
}
.accreditation-page .acc-section-title {
font-size: 1.875rem;
line-height: 1.3;
}
.accreditation-page .acc-card-title {
font-size: 1.25rem;
line-height: 1.4;
}
/* ---------- Color tokens ---------- */
.accreditation-page .text-brand-blue { color: #1b254b; }
.accreditation-page .bg-brand-blue { background-color: #1b254b; }
.accreditation-page .bg-brand-light { background-color: #f8fbff; }
.accreditation-page .bg-brand-accent { background-color: #3b82f6; }
.accreditation-page .text-brand-accent { color: #3b82f6; }
.accreditation-page .text-ui-text { color: #111827; }
.accreditation-page .text-ui-muted { color: #6b7280; }
.accreditation-page .bg-ui-bg { background-color: #f9fafb; }
.accreditation-page .border-ui-border { border-color: #e5e7eb; }
/* ---------- Shadow tokens ---------- */
.accreditation-page .shadow-soft {
box-shadow: 0 1px 3px rgb(0 0 0 / 0.06), 0 1px 2px rgb(0 0 0 / 0.04);
}
.accreditation-page .shadow-hover,
.accreditation-page .hover\:shadow-hover:hover {
box-shadow: 0 8px 24px rgb(0 0 0 / 0.1);
}
/* ---------- Border radius fix ---------- */
.accreditation-page .rounded-\[24px\] { border-radius: 24px !important; }
.accreditation-page .rounded-lg { border-radius: 8px !important; }
.accreditation-page .rounded-md { border-radius: 6px !important; }
/* Mesh background gradient */
.accreditation-page .mesh-bg {
background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 40%, #ffffff 100%);
}
/* rounded-xl fix */
.accreditation-page .rounded-xl { border-radius: 12px !important; }