Skip to content

Commit dc7c26f

Browse files
Jeffrey Lauwersclaude
andcommitted
docs: CSS & token naming conventions verplaatst naar docs/
- Verwijderd: CssNamingConventions.mdx uit Storybook (Foundations) - Toegevoegd: docs/06-css-naming-conventions.md — volledige specificatie van BEM-klassen, CSS custom property structuur, lokale alias-scoping, JSON token namen, utility-klassen en veelgemaakte fouten - storyOrder in main.ts teruggedraaid (foundations: null) - docs/README.md bijgewerkt met entry #5 en quicklink - docs/04-development-workflow.md: dunne BEM-sectie verwijst nu naar de volledige naming conventions doc Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 5c9a9de commit dc7c26f

File tree

5 files changed

+461
-338
lines changed

5 files changed

+461
-338
lines changed

docs/04-development-workflow.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -391,17 +391,17 @@ import '@dsn/core/css'; // Includes reset + utilities
391391
.dsn-button__icon {
392392
} /* Element */
393393
.dsn-button--strong {
394-
} /* Modifier */
394+
} /* Modifier — variant */
395395
.dsn-button--size-small {
396-
} /* Modifier */
396+
} /* Modifier — grootte */
397397
```
398398

399-
**Guidelines:**
399+
- Enkelvoudige koppeltekens scheiden woorden binnen een naam
400+
- Dubbele underscore `__` voor elementen
401+
- Dubbele koppeltekens `--` voor modifiers
402+
- Prefix alle klassen met `dsn-`
400403

401-
- Use single dash for word separation within names
402-
- Use double dash `--` for modifiers
403-
- Use double underscore `__` for elements
404-
- Prefix all component classes with `dsn-`
404+
Zie **[CSS & Token Naming Conventions](./06-css-naming-conventions.md)** voor de volledige specificatie, het lokale alias-scoping-patroon en een overzicht van veelgemaakte fouten.
405405

406406
### CSS Best Practices
407407

0 commit comments

Comments
 (0)