Profile My skills Saved My plugins Edit profile Submit a skill

Punkt CSS

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. Use when building pages or layouts with Punkt CSS classes.

oslokommune Updated
Design & Media

File contents

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

oslokommune/punkt-skills/tree/main/skills/punkt-css commit f839722866

Browse category

Frequently asked questions

npx skillmds@latest add oslokommune/punkt-css