Grid Style Sheets

Grid Style Sheets (GSS) använder Cassowary Constraint Solver att ändra hur element visas på webben.
GSS använder en sammanflätning relations regler mellan olika DOM-element för att bygga layouter som visas på olika sätt baserat på villkoren sidan har laddats.
Via CCSS och VFL komponenter, kan GSS begränsningar sättas på plats baserat på elementets DOM egenskaper som storlek och position (CCSS), och bygger på vertikal och avstånd (VFL).
De principer och föreställningar bakom Grid Style Sheets har också presenterats vid O'Reillys Flytande 2014 konferens. Du kan se en video av det nedan:

Vad är nytt i den här versionen:

• Variabel lyft (unscoped variabler och virtuals pekar på översta exempel)
• : synligt,: synligt y,: synliga-x pseudo klasser som brand när elementet är synligt
• computed- pseudo egendom familj som fungerar som intrinsic- utan att återställa ursprungliga fastigheten
• ^, ^^, ^^^ ... och $ kombinatorer som pekar på förälder / rot oscilloskop
• Villkor har nu en ypperlig stöd för flera väljare. Minst det brukar hänga
• Förenklade enheter stöd (inte parser ännu), em, rem, vh, vw, vmax, Vmin.
• Enkelriktad bindning genom px enhet. Möjliggör vissa icke-linjära uttryck inte möjligt annars
• max, min funktioner som också ger några indirekthet
• Buffrad konsol som matar ingången och utgången bredvid varandra hålla trädstruktur
• $ rulla-top, $ beräknad höjd arbetar nu på ett liknande sätt som :: fönster [rulla-topp] och :: fönster [höjd]
• Bättre scoped mallar stöd (ingen emulering för css dumpning ännu),
• hissas variabler i topp rot omfattning är inte global längre, de är knutna till stylesheet
• scoped mallar i, eller definiera globala variabler i honnörs räckvidd, annars fäster omfattning element.
• import stöd (css dumpning stöd är inte att lita på men det). importera ark flera gånger bara analyseras en gång.

Vad är nytt i version 2.0.0:

• Variabel lyft (unscoped variabler och virtuals pekar på översta exempel)
• : synligt,: synligt y,: synliga-x pseudo klasser som brand när elementet är synligt
• computed- pseudo egendom familj som fungerar som intrinsic- utan att återställa ursprungliga fastigheten
• ^, ^^, ^^^ ... och $ kombinatorer som pekar på förälder / rot oscilloskop
• Villkor har nu en ypperlig stöd för flera väljare. Minst det brukar hänga
• Förenklade enheter stöd (inte parser ännu), em, rem, vh, vw, vmax, Vmin.
• Enkelriktad bindning genom px enhet. Möjliggör vissa icke-linjära uttryck inte möjligt annars
• max, min funktioner som också ger några indirekthet
• Buffrad konsol som matar ingången och utgången bredvid varandra hålla trädstruktur
• $ rulla-top, $ beräknad höjd arbetar nu på ett liknande sätt som :: fönster [rulla-topp] och :: fönster [höjd]
• Bättre scoped mallar stöd (ingen emulering för css dumpning ännu),
• hissas variabler i topp rot omfattning är inte global längre, de är knutna till stylesheet
• scoped mallar i, eller definiera globala variabler i honnörs räckvidd, annars fäster omfattning element.
• import stöd (css dumpning stöd är inte att lita på men det). importera ark flera gånger bara analyseras en gång.

Vad är nytt i version 1.0.3-beta:

• 2D socker rekvisita: storlek, läge, centrum, inre storlek, övre vänstra, övre högra, nedre vänstra, nedre högra
• andra än id, klassen och tagg Selektorer kan nu användas i CCSS när de omges av Parans
• Stöd för flera väljare på vardera sidan av ett tvång operatör

Vad är nytt i version 1.0.2-beta:

• VGL:
• @ grid-mall tomma områden kan definieras med.
• Tillkommit () till @ grid-mall.
• Inkom h / v / topp / höger / botten / vänster-gap () till @ grid-mall.

Krav :

• Javascript aktiverat på klientsidan