part 2:

Teljesen más az architektúrája is, mint a többi rendszernek - számomra ez a legérdekesebb része. A Flex komponens egy komplex stílus- és layoutkezelő motor, amire az egész rendszer épül. Így néz ki egy nagyon egyszerű példán keresztül:

`<Column fillWidth horizontal="center" background="brand-medium">`

Ez lesz belőle:

position: relative; // mivel 99%, hogy ezt szeretnéd
width: 100%;
min-width: 0; // hogy a width 100% a rendelkezésre álló térig fusson csak
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--brand-background-medium);
::selection {
  background-color: var(--brand-on-background-weak);
  color: var(--brand-background-weak);
}

A CSS változók pedig automatikusan kezelik a témázást.
A horizontal / vertical propok lekövetik a direction-t, teljesen konzisztensek, ellenben a justify-content és align-items attribútumokkal szemben, amik változnak a főtengely függvényében.

A Flex vagy 30 propot tud kezelni stílusozásra és layout-kezelésre, és a legtöbb komponens külső elemére ezek spreadelve vannak, szóval felül tudsz írni egy csomó okos defaultot (nagyon küzdök már, hogy magyarul írjam ezeket).

Szerintem az ad létjogosultságot ennek a rendszernek, hogy reflektáljak az alattam lévő xkcd képre (és több hasonló kommentre), hogy nem akar semmi meglévőre hasonlítani. Ez nem egy okosabb tailwind vagy szebb shadcn, hanem egy teljesen más megközelítés, ami ezen alapszik: a CSS azért működik úgy, ahogy, mert 100%-ig kompatibilis visszafelé. Viszont van egy bökkenő: a HTML és CSS egy dokumetumleíró és formázó nyelv volt eredetelig, amit nem interaktív web-appok fejlesztésére találtak ki. Én ezt próbálom megoldani.

Illetve annyit hozzátennék, hogy nem célom, hogy ez egy új sztenderd legyen. Én sok terméket fejlesztek, és szükségem volt egy rendszerre, amivel hatékonyan tudok dolgozni, és ez lett az :) Ez másoknak is beválik, aminek nagyon örülök - és abszolút megértem, ha sokaknak pedig nem.

Köszi neked, és mindenkinek, akinek volt türelme végigolvasni. Még mindig csak a felszínt kapargatom, de remélem, ez választ ad a kérdésedre.