search

Vastra-Gotalandsregionen / komponentkartan

Grafiska komponenter för ersättningssystem inom VGR
9 stars 7 forks source link

Exponera färger för användning i applikationerna #460

Open ghost opened 4 years ago

ghost commented 4 years ago

Beskrivning

Det går idag inte att använda färger från Komponentkartan via SASS, men det vore fördelaktigt för att kunna använda färgerna direkt.

Typ av ärende (kryssa i en med "x")

Förväntat beteende

Det skall finnas ett npm-paketet i komponentkartan som innehåller en extra sass-fil med färgerna som sass-variabler. Någon som använder komponentkartan hade då kunnat importera den i sin egen sass-struktur och använda färgerna direkt.

AronssonFredrik commented 4 years ago

Hej @louisebroo & @brustablett, Detta går inte att göra med CSS däremot så går det att göra med SCSS samt SASS.

Om tanken är att utföra det i applikationen kan man lösa det på följande sätt:

@import "~vgr-komponentkartan/assets/komponentkartan.scss";
section {
        border: 1px solid $border-color;
}

Detta ger en tillgång till alla variabler som finns tillgängliga här.

Vilket inkluderar bla. färger och storlekar

Om något oklart, hör av er.

Mvh Fredrik

ghost commented 4 years ago

@AronssonFredrik det låter ju jättebra! Kan vi testa detta i Ivard, @brustablett?

athid commented 3 years ago

Denna behöver förtydligas i hur man vill plocka in färgerna för att vi skall kunna bygga den.

CrestTheFury commented 3 years ago

@louisebroo Idag kan vi plocka in alla styles till våra css:er på det sättet som Fredrik beskrev ovan

Är det så att man vill ha en specifik scss fil för endast färger och storlekar? Eller vad är det man vill ha? Kan det vara så att det som Fredrik skrev (o jag här ovan) räcker? Så denna story kan tas bort?

ghost commented 3 years ago

@CrestTheFury Jag känner inte att jag kan bedöma lösningen. Jag skulle vilja kalla in @synne1 för lite rådgivning. Det vi ville komma åt var ju att kunna använda styles från Komponentkartan för våra egna komponenter också så att det blir samma styling. I alla fall minns jag det så. Verkar lösningen som står i kommentarerna funka för det @synne1 ?

ralvesmartins commented 3 years ago

Man kan idag hämta CSS-klasser till sitt eget projekt däremot vill vi att det ska ske på ett mer strukturerat sätt. Idag skapas en SASS-fil som heter Komponentkartan som innehåller de klasser som vi vill exponera. Vi behöver se över hur vi vill gör det på ett bra sätt och beskriva i på demosidan hur man gör.