Morn!
Mrn.
God morgen!
Morn
Morn!
Mornings!
Gud moaning!
Morn!
Ha en god lunsj! :-)
Morn!
Morn!
Morn!
God morgen!
I dag har vi lansert årets datasett og nyoppusset https://www.matvaretabellen.no/ 🥳
Fun fact: Det designsystemet kan brukes til hva som helst og er open source. Jeg brukte det til en liten hobbygreie i vinter, bare bytta ut fargepaletten (og lot være å bruke Mattilsynets logo 😅). Utrolig godt håndverk!
Lynrask og nice!
Hvordan er det med størrelser i layout? Ser i inspektoren at det er eksplisitte verdier i markup:
Bruker dere variabler i kode, eller hardkoder dere dette?
(jeg ville gjerne brukt logiske verdier som data-column-gap="md")Veldig pent, forøvrig!
Noen ting er relativt, men gaps osv bruker størrelsesenheter. Vi har en åpen diskusjon på hvordan dette skal gjøres responsivt. Det er ett sted på matvaretabellen nå som ikke fungerer helt å mobil pga at dette er uavklart. Men ellers har det ikke vært et stort problem
Du ser feks at det er forskjellig gap mellom rader og kolonner, som løser horisontal plassering (desktop) og vertikal plassering (mobil)
Ja, det fungerer veldig bra responsivt, synes jeg! Veldig kult å ha et godt design-system å støtte seg på! (jeg er misunnelig nå)
Om en evt. vil ha ulik spacing for ulike skjermstørrelser kan en kanskje legge inn to elementer og gjemme et av dem med display: none;, og så bytte på det med et breakpoint?
Det går an. Det er også mulig å ha custom CSS. For designsystemet så diskuterer vi å ha predefinerte brekkpunkter og så ha ting som data-md-gap
Vi har pælma ut mengder med custom CSS og bruker nå Mattilsynets fantastiske designsystem https://design.mattilsynet.no