Punkt CSS Development

Skill for developing component and utility styles in the Punkt design system (@oslokommune/punkt-css). Covers creating, modifying, and maintaining SCSS in /packages/css/src/scss/.

Sections

1. Architecture Overview
2. Directory Structure
3. Naming Conventions
4. Abstracts (Variables, Mixins, Functions)
5. Component / Element SCSS Patterns
6. Colors & Theming
7. Dark Mode
8. Typography
9. Spacing
10. Breakpoints & Responsive
11. Grid & Layout
12. States & Interactivity
13. Accessibility
14. Build System
15. Checklist: Adding Component Styles
16. Astro Dev / Test Pages