Open ghost opened 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
@AronssonFredrik det låter ju jättebra! Kan vi testa detta i Ivard, @brustablett?
Denna behöver förtydligas i hur man vill plocka in färgerna för att vi skall kunna bygga den.
@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?
@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 ?
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.
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.