Grid Style Sheets

Rács Style Sheets (GSS) használ a Cassowary Megszorítás Solver változtatni az elemek jelennek meg a weben.
GSS használ egymásba fonódó relációs szabályok között különböző DOM elemeket építeni elrendezés jelenik másképp feltételek alapján a oldal betöltése.
Via a CCSS és VFL alkatrészek, GSS lehetővé teszi korlátokat kell életbe léptetni alapján az elem DOM tulajdonságok, mint a méretét és pozícióját (CCSS), és az alapján függőleges és térköz (VFL).
Az elvek és fogalmak mögött a rács Style Sheets is bemutatták O'Reilly Fluent 2014 konferencián. Láthatjuk a videó, az alábbiakban:

Mi az új ebben a kiadásban:

• Változó emelésre (unscoped változók és Virtuals pont legfelső fokon)
• : Csak,: látható-y,: látható-x ál osztályok, amelyek tűz ki, amikor az elem látható
• computed- ál ingatlan család, amely úgy működik, mint intrinsic- nélkül állíthatja eredeti ingatlan
• ^, ^^, ^^^ ... és $ combinators, hogy pont a szülő / root körök
• feltételei már van egy megfelelő támogatást többes választók. Atleast ez szokás akasztani
• Simplistic egységek támogatása (nem a parser még), em, rem, vh, VW, vm, vmin.
• Egyirányú kötődést px egységben. Lehetővé teszi, hogy néhány nem-lineáris kifejezéseket nem lehet másként
• max, min funkciókat is nyújtanak némi indirekciónak
• Pufferezett konzol, amely kimenetek bemeneti és kimeneti egymás mellett tartása fa struktúra
• $ scroll-top, $ számítani magasságú most dolgoznak hasonló módon :: ablak [lapozzunk-top] és :: ablakban [magasság]
• A jobb távcsöves stíluslapok támogatása (nincs emuláció css dömping még),
• kitűzte változók a leggyakoribb kiváltó hatálya nem globális többé, ezek a jogok az stylesheet
• távcsöves stíluslapjainak, vagy határozza meg a globális változók top hatálya, különben tulajdonítanak hatálya eleme.
• import támogatás (css dömping támogatás nem megbízható még ott). importáló lap többször csak elemzett egyszer.

Mi az új a 2.0.0 verzió:

• Változó emelésre (unscoped változók és Virtuals pont legfelső például)
• : Csak,: látható-y,: látható-x ál osztályok, amelyek tűz ki, amikor az elem látható
• computed- ál ingatlan család, amely úgy működik, mint intrinsic- nélkül állíthatja eredeti ingatlan
• ^, ^^, ^^^ ... és $ combinators, hogy pont a szülő / root körök
• feltételei már van egy megfelelő támogatást többes választók. Atleast ez szokás akasztani
• Simplistic egységek támogatása (nem a parser még), em, rem, vh, VW, vm, vmin.
• Egyirányú kötődést px egységben. Lehetővé teszi, hogy néhány nem-lineáris kifejezéseket nem lehet másként
• max, min funkciókat is nyújtanak némi indirekciónak
• Pufferezett konzol, amely kimenetek bemeneti és kimeneti egymás mellett tartása fa struktúra
• $ scroll-top, $ számítani magasságú most dolgoznak hasonló módon :: ablak [lapozzunk-top] és :: ablakban [magasság]
• A jobb távcsöves stíluslapok támogatása (nincs emuláció css dömping még),
• kitűzte változók a leggyakoribb kiváltó hatálya nem globális többé, ezek a jogok az stylesheet
• távcsöves stíluslapjainak, vagy határozza meg a globális változók top hatálya, különben tulajdonítanak hatálya eleme.
• import támogatás (css dömping támogatás nem megbízható még ott). importáló lap többször csak elemzett egyszer.

Mi az új verzióban 1.0.3-beta:

• 2D cukor kellékek: méret, pozíció, center, belső méretű, bal felső, jobb felső, bal alsó, jobb alsó
• Selectors kívüli id, class & tag már fel lehet használni a CCSS amikor körül parans
• Támogatás többes szelektor mindkét oldalán a megszorítás üzemeltető

Mi az új verzióban 1.0.2-beta:

• VGL:
• @ grid-sablon üres zónákat lehet definiálni.
• Added a () a @ grid-sablont.
• Added h / v / felső / jobb / alsó / bal-gap () a @ grid-sablont.

követelmények :

• JavaScript kliens oldalon