# CSS-kompatibilitás és az Átalakító

> Milyen CSS-funkciókra támaszkodik a Bricks kimenete és mi történik régi böngészőkben, valamint mire való a régi adatokat frissítő Átalakító.

## A Bricks CSS-kompatibilitási irányelvei

A Bricks olyan CSS-funkciókat használ, amelyeket a modern böngészők széles körben támogatnak, és nem ad hozzá tartalék megoldásokat a ritka, régi böngészőkhöz. Gyakorlati mércének a Baseline kompatibilitási modellt veszi alapul.

### Mi a Baseline?

A Baseline azt követi, mikor válik egy webplatform-funkció átjárhatóvá az összes jelentős böngészőben. Két szakasza van:

- **Újonnan elérhető:** a funkció az összes jelentős böngészőben (asztali és mobil) működik.
- **Széles körben elérhető:** az „újonnan elérhető” állapot után kb. 30 hónappal éri el. A felhasználók nagy részénél (kb. 95%) biztonságosan használható éles környezetben.

A Baseline ezeket a böngészőket veszi figyelembe:

- Apple Safari (iOS)
- Apple Safari (macOS)
- Google Chrome (Android)
- Google Chrome (asztali)
- Microsoft Edge (asztali)
- Mozilla Firefox (Android)
- Mozilla Firefox (asztali)

### Mely CSS-funkciókat használja a Bricks?

A Bricks kimenete már tartalmaz modern CSS-t, például a `:where` álosztályt és az `@layer` CSS-szabályt. Az MDN mindkettőt „széles körben elérhetőként” tartja nyilván, és a Bricks pontosan ilyen széles támogatást keres, mielőtt egy CSS-funkcióra támaszkodik.

### Mi történik régebbi vagy ritka böngészőkben?

A cél az egyensúly: a modern szabványok átvétele, amikor azok stabilak és széles körben támogatottak, anélkül, hogy a felhasználók többségének felesleges technikai adósságot vagy visszalépést okozna. A Baseline küszöb alatti, szélsőséges eszközökhöz készített tartalék megoldások mindenki másnál rontanák a kód minőségét és teljesítményét.

### Érinti ez a saját CSS-edet?

Nem. Ez csak a Bricks által generált CSS-re vonatkozik. A saját CSS-edet úgy írhatod, ahogy akarod, beleértve a régi eszközökhöz való tartalék megoldásokat és funkcióellenőrzéseket. A Bricks csak a saját kimenetébe nem teszi bele ezeket magától.

## Az Átalakító (Converter)

A Bricks több „Átalakító” lehetőséget kínál régi adatok migrálásához. Az Átalakító beépített eszköz: átvizsgálja az adatbázist az elavult Bricks-adatokért, és automatikusan a telepített verzió legfrissebb érvényes szintaxisára frissíti őket.

Az aktuális Bricks-verziókban az adatbázis-átalakító sora el van rejtve a szokásos **Beállítások** képernyőről. Régi vagy támogatási munkafolyamatként kezeld, nem rendszeres karbantartási lépésként.

Ha mégis lefuttatod, a folyamat a szerverről és a Bricks-adatok méretétől függően egy-két percig tarthat. Ne zárd be és ne frissítsd az oldalt, amíg meg nem jelenik a zöld „THE END” sikerüzenet. Az eredményoldalon látszik, mit frissített az Átalakító (például az oldalbeállításokat és a globális egyéni CSS-t).

### Mit alakít át?

A jobb DOM-szerkezet és az elemazonosítók, osztálynevek miatt a Bricks a régi `bricks-element-` elemazonosító- és osztályelőtagot `brxe-` előtagra cserélte. A szerkezeti burkoló azonosítók is változtak: a `#bricks-header`, `#bricks-content` és `#bricks-footer` helyett `#brx-header`, `#brx-content` és `#brx-footer` lett.

A kiválasztott átalakítási műveletől függően az Átalakító ezeket az adatokat frissítheti:

- a Bricks globális beállításai
- a Bricks sablonstílusai
- a Bricks globális osztályai
- a Bricks oldalbeállításai
- a Bricks oldaladatai
- a globális elemek, beleértve a komponensekké alakítást
- a Bricks sablonok
- a régi Konténer-szerkezetek
- a belépő animációk
- az elemek pozícionálási adatai

Az Átalakító nem csak az egyéni CSS-re és JS-re vonatkozik. Mindig csak azt az átalakítást futtasd, amelyre a régi adatok migrálásához szükséged van.