Uppdaterad 2026-03-03 (Tobias)

Övergripande principer

All CSS:

• skrivs lokalt i projektet (SCSS)
• versionshanteras i Git
• synkas automatiskt till Sitevision
• skrivs aldrig direkt i Sitevision

Vi använder BEM för all namngivning.

Målet är att skapa en lösning som är:

• strukturerad
• konsekvent
• tydlig för oss och andra utvecklare

Namngivning (BEM)

Vi använder följande struktur:

[prefix]-[komponent][__element][--modifier]

Prefix

För våra webbplatser använder vi prefixet:

con-

con står för Consid och används för våra gemensamma lösningar.

Exempel:

con-menu
con-menu__item
con-menu__link--active
con-news-list__item

Denna struktur gör koden förutsägbar och lätt att arbeta vidare med.