Vklass V2 designkomponenter
Statisk komponentkatalog (kitchen sink) för Vklass V2-mockups, byggd ovanpå riktiga Vklass V2 frontend-klasser och designtokens.
Variant: vklassv2 (data-mockup-theme="vklassv2")
Sidor
| Fil | Roll | Skal |
|---|---|---|
1/index.html |
Komponentöversikt (kitchen sink) | Ingen toolbar/sidebar — fokus på komponenterna |
1/teacher.html |
Lärare | Full V2 lärarstart med toolbar + sidebar |
1/student.html |
Elev | Full V2 elevstart |
1/custodian.html |
Vårdnadshavare | Full V2 custodian-start |
1/admin.html |
Admin/Rektor | Full V2 AdminWeb-start |
Stilberoenden
Mockups/Shared/css/themes/vklassv2.css— designtokens, app-shell-stilMockups/Shared/css/themes/vklassv2-components.css— komponentklasser (.mdc-button,.vk-field,.vk-message-box,.vk-grid-table,.vk-badge,.vk-counter,.vk-icon-badge,.vk-call-to-action,.vk-box-link,.mdc-tab-bar, m.fl.)
Klassnamn och tokens speglar Vklass V2-källan:
src/VklassFrontEnd/scss/_variables.scsssrc/VklassFrontEnd/scss/_colors-palette.scsssrc/VklassFrontEnd/scss/_colors.scsssrc/VklassFrontEnd/scss/styles/typography.scsssrc/VklassFrontEnd/scss/styles/mdc/*.scsssrc/VklassFrontEnd/scss/styles/vk/*.scss
Använd som referens när nya V2-vyer byggs eller mockas. Behåll skillnaden
mot modern/Athena-temat: V2 är MDC-baserat, flat, med toolbar
#26418f, drawer 294px, gap 13/26 px, Roboto 14px på html.