Status | ||||
---|---|---|---|---|
|
...
Observera |
---|
Viktig information om Gemensam CSSI all nyutveckling framöver rekommenderas IDS, och vår CSS kommer ha end of life 2025. 🔧 Varför avvecklas Gemensam CSS?
📅 Tidplan för avveckling:
👉 Åtgärdsplan:
Det är avgörande att varje tjänsteansvarig aktivt engagerar sig i övergången för att säkerställa en smidig och effektiv implementering av IDS. Tack för er förståelse och samarbete! |
Info |
---|
Ny CSS genom IDS 4.0Från och med version 4.0 av IDS finns möjlighet att nyttja en ny CSS (inera-design).
|
Vi har återanvändbar CSS för både Inera och 1177-varumärket. Skapandet av en gemensam CSS var ett första steg mot återanvändbar kod för våra tjänster för att skapa högre kvalitet, snabbare utveckling och lättare samarbete.
...
Innehållsförteckning |
---|
...
Var finns CSS:en?
Projektet ligger under Bitbucket på https://bitbucket.org/ineraservices/inera-core-css/
Varför en gemensam CSS?
...
Högre kvalitet
...
Snabbare utveckling
...
...
Utveckla nya komponenter i isolering
Teknik
Vi har gjort ett SASS (node-sass) projekt för att på ett enkelt sätt kunna konfigurera teman och bygga upp en struktur där den som använder projektet kan välja att inkludera utvalda scss filer till sitt projekt eller en färdig css fil.
...
Projektets css byggs med hjälp av gulp och gulp sass. Ditt projekt kan använda webpack eller vilket byggsystem du vill för att kompilera scss-filerna.
Innehåll
Dels består projektet av färdiga komponenter med föreslagen html-struktur och färdiga klasser.
Vi har också lagt in en hel funktionella klasser (utility) som kan användas som grund för en komponent genom @extend eller vanlig klass. Exempelvis finns temats alla färger som klasser enligt mallen .iu-color-nav
för textfärg (nav) och .iu-background-primary
för bakgrundsfärg (primary).
Du kan också använda de scss mixins och funktioner som finns i projektet så som @include background(‘primary’);
för att lägga in css bakgrundsfärgen primary.
Storybook
För både visualisering och utveckling av komponenterna så använder vi Storybook. När du laddar hem och installerar projektet kan du själv starta en webbserver på din dator som kör storybook Storybook-projektet och visar alla komponenter som finns inlagda. Så småningom kommer det även att finnas en driftsatt version av storybook som går att ta del av på nätet.
För att utveckla i projektet kräver det att du har Node.js installerat. Läs mer på projektets bitbucket.
...