style(css): lag felles designgrunnlag og visuell referanse #12
+610
−0
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Gi alle visninger samme farger, typografi, avstander og synlig tastaturfokus. Fargeparene er kontrollert mot WCAG-kravene. Refs #5 Co-Authored-By: birkjr <birkjr@stud.ntnu.no>
Vis pris og gratis utlån likt overalt, med tekst og ikke bare farge. Annonsekortet viser bilde eller plassholder, tittel, område og pris som utgangspunkt for katalogen. Refs #5 Co-Authored-By: sebasti <sebasti@stud.ntnu.no>
Gi gruppen en felles visuell referanse med farger, tekst og komponenter. Siden er bare tilgjengelig med npm run dev og er ikke med i produksjonsbygget. Refs #5 Co-Authored-By: andretg <andretg@stud.ntnu.no>
Beskriv farger med kontrasttall, typografi, avstander, komponentbruk og mappestruktur, slik at alle bygger likt videre. Refs #5 Co-Authored-By: birkjr <birkjr@stud.ntnu.no>
andretg
approved these changes
Sep 30, 2026
andretg
deleted the
5-style-lag-felles-designgrunnlag-og-visuell-referanse
branch
Sign in
to join this conversation on GitHub.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Endringer
src/styles/tokens.css: CSS-variabler for farger, typografi, avstander, avrunding, innholdsbredde, trykkflate og fokus.src/styles/base.css: grunnstiler med systemfont, lesbar tekst og synlig:focus-visible.PriceTag: viser150 kr/døgn, eller «Gratis utlån» som et grønt merke med tekst.ListingCard: referanse for annonsekort med bilde (eller «Ingen bilde»), tittel, kategori, område og pris./design.html. Den er bare tilgjengelig mednpm run devog ikke med inpm run build.src/components/PriceTag/osv.).docs/design.mdbeskriver farger med kontrasttall, typografi, avstander og komponentbruk. README har fått mappestruktur og designlenke.Hvorfor
Gi gruppen ett felles visuelt grunnlag før katalog, detaljvisning og skjema bygges, slik at alle visninger ser like ut og oppfyller kontrastkravene.
Se selv:
npm run dev, og åpne http://localhost:5173/design.htmlIssue
Closes #5