Stilmallar i designsystemet
Med designsystemets stilmall kan du bygga upp en webbsida utan att själv skriva någon CSS. Designsystemets stilmall är baserad på ramverket Bootstrap. Tillsammans utgör Bootstraps och universitetets stillmallar det vi kallar för designsystemets stilmall.
Anpassat för olika skärmstorlekar
Designsystemet är responsivt vilket betyder att webbsidorna anpassas efter skärmens storlek. Mobilläget är grunden för gränssnittets utformning och reglerna i designsystemets stilmall är därför i första hand skrivna för att fungera på små skärmar. Om anpassningar behövs för större skärmar så skapas regler för detta.
Stilmallarna i ett gränssnitt
- Designsystemets stilmall
- Bootstraps stilmallar - CSS-ramverk för layout, typografi, formulär, knappar, navigation och andra gränssnittskomponenter.
- Universitetets stilmall - Innehåller anpassningar av Bootstrap så att gränssnittet följer Universitetets visuella riktlinjer.
- Systemspecifik sidmall
Flera stilmallar för att underlätta uppgraderingar
För att anpassa Bootstrap till universitetets behov och visuella riktlinjer har ett lager med universitetsspecifika stilmallar lagts efter Bootstrap. Syftet med detta är att hålla Bootstraps och universitetes stilmallar separerade och på så sätt lättare kunna uppgradera Bootstrap utan att universitetets anpassningar går förlorade.
Om ytterligare anpassningar behövs i ett system kan en eller flera systemspecifika stilmallar skapas. I de systemspecifika sidmallarna kan du lägga in egen CSS-kod. Syftet med att hålla designsystemets och systemspecifika stilmallar spearerade är för att lättare kunna uppgradera designsystemet utan att lokala anpassningar går förlorade.