Designsystemet version 5.0

Nu finns snart en ny version av designsystemets stilmallar och CSS åtkomlig via https://static.uu.se/designsystem/5.0/.

Innehåll Designsystem version 5.0

Designsystemet version 5.0 innehåller följande förändringar:

• Uppgraderat till Bootstrap 5.2
• Mindre buggfixar

Uppgraderingen av Bootstrap

Uppgraderingen av Bootstrap till version 5.2 innebär flera större förändringar som påverkar Designsystemet. De förändringar som påverkar oss är:

• Det finns nu en ny media-breakpoint vid 1400px för bredare skärmar.
• Klassen 'jumbotron' har tagits bort från Bootstrap och ersatts med regler i Designsystemets stilmall.
• Klasserna .sr-only och .sr-only-focusable har bytt namn till .visually-hidden och .visually-hidden-focusable.
• JQuery har tagits bort.
  
• För utfällningsfunktioner är attributen data-toggle, data-target och data-parent ändrade till data-bs-toggle, data-bs-target och data-bs-parent.
• För menyer är attributet data-level ändrat till data-bs-level.
  
• För <select> är klassen .form-control utbytt till .form-select.
• För lokala webbplatser och system (andra universitetets gemensamma webbplats) behöver klassen .row tas bort från elementet som även har klassen .layout-header-buttons-row. Se html-struktur i mallarna.
• För universitetets gemensamma webbplats behöver klassen .layout-header-central-row läggas till (och klassen .row tas bort från samma element). Se central mall.
• Flera hjälpklasser har bytt till logiska attribut där left och right har bytts till start och end. Exempel är float-right har bytt till float-end.

Alla ändringar hittar du på Bootstraps webbplats på sidan om att uppgradera till Bootstrap 5