Grid Style Sheets

Grid Style Sheets (GSS) bruger Cassowary Constraint Solver at ændre den måde elementer vises på internettet.
GSS bruger en fletter relationelle regler mellem de forskellige DOM elementer til at bygge layouts, der viser forskelligt baseret på betingelserne siden er blevet indlæst.
Via CCSS og VFL komponenter, GSS giver begrænsninger for at blive sat på plads baseret på elementets DOM egenskaber som størrelse og position (CCSS), og baseret på vertikal og afstand (VFL).
De principper og begreber bag Grid Style Sheets er også blevet præsenteret på O'Reilly s Flydende 2014 konference. Du kan se en video af det nedenfor:

Hvad er nyt i denne udgivelse:

• Variabel hejsning (Unscoped variabler og virtuals peger på øverste instans)
• : synlig,: synligt y,: synlige-x pseudo klasser, der fyre op, når elementet er synligt
• computed- pseudo ejendom familie, som fungerer som intrinsic- uden at nulstille oprindelige ejendom
• ^, ^^, ^^^ ... og $ combinators, der peger på forælder / root scopes
• Betingelser nu har en acceptabel støtte til plural selektorer. Mindst det plejer hænge
• forsimplede enheder støtte (ikke i parser endnu), em, rem, vh, vw, vmax, Vmin.
• En-vejs bindende gennem px enhed. Giver mulighed for nogle ikke-lineære udtryk ikke er muligt på anden måde
• max, min funktioner, der også giver nogle indirection
• Bufret konsol, der udgange input og output siden af ​​hinanden holde træstruktur
• $ scroll-top, $ beregnet højde nu arbejde på en lignende måde at :: vindue [rul-top] og :: vinduet [højde]
• Bedre virkefelt stylesheets support (ingen emulering til css dumping endnu),
• hejst variabler i top rod omfang er ikke global længere, de er knyttet til stylesheet
• virkefelt stylesheets i eller definere globale variabler i top rækkevidde, ellers de tillægger rækkevidde element.
• import support (css dumping støtte ikke er pålidelig endnu der). importerer ark flere gange kun analyseret én gang.

Hvad er nyt i version 2.0.0:

• Variabel hejsning (Unscoped variabler og virtuals peger på øverste eksempel)
• : synlig,: synligt y,: synlige-x pseudo klasser, der fyre op, når elementet er synligt
• computed- pseudo ejendom familie, som fungerer som intrinsic- uden at nulstille oprindelige ejendom
• ^, ^^, ^^^ ... og $ combinators, der peger på forælder / root scopes
• Betingelser nu har en acceptabel støtte til plural selektorer. Mindst det plejer hænge
• forsimplede enheder støtte (ikke i parser endnu), em, rem, vh, vw, vmax, Vmin.
• En-vejs bindende gennem px enhed. Giver mulighed for nogle ikke-lineære udtryk ikke er muligt på anden måde
• max, min funktioner, der også giver nogle indirection
• Bufret konsol, der udgange input og output siden af ​​hinanden holde træstruktur
• $ scroll-top, $ beregnet højde nu arbejde på en lignende måde at :: vindue [rul-top] og :: vinduet [højde]
• Bedre virkefelt stylesheets support (ingen emulering til css dumping endnu),
• hejst variabler i top rod omfang er ikke global længere, de er knyttet til stylesheet
• virkefelt stylesheets i eller definere globale variabler i top rækkevidde, ellers de tillægger rækkevidde element.
• import support (css dumping støtte ikke er pålidelig endnu der). importerer ark flere gange kun analyseret én gang.

Hvad er nyt i version 1.0.3-beta:

• 2D sukker rekvisitter: størrelse, placering, center, iboende størrelse, øverst til venstre, øverst til højre, nederst til venstre, nederst til højre
• andre end id, klasse og tag vælgere kan nu bruges i CCSS når omgivet af Parans
• Understøttelse af plural selektorer på hver side af en begrænsning operatør

Hvad er nyt i version 1.0.2-beta:

• VGL:
• @ grid-skabelon tomme zoner kan defineres med.
• Tilføjet i () til @ grid-skabelon.
• Tilføjet h / v / top / højre / bund / venstre-kløften () til @ grid-skabelon.

Krav :

• JavaScript aktiveret på klientsiden