Punkt CSS

Skill for using Punkt CSS (@oslokommune/punkt-css) in projects. Covers setup, layout, typography, colors, grid, spacing, and utility classes for building websites and applications with the Oslo kommune design system.

Key principle: Focus on CSS classes and CSS custom properties. SCSS mixins and variables are noted where relevant but require the SCSS embedding method.

Sections

1. Getting Started
2. Typography & Layout
3. Colors
4. Grid System
5. Spacing
6. Breakpoints
7. Visibility & Accessibility
8. Helper Classes
9. Dark Mode