Grid Style Sheets

Grid Style Sheets (GSS) verwendet das Cassowary Constraint Solver, um die Art und Weise Elemente im Web dargestellt werden.
GSS nutzt eine Verflechtung Beziehungsregeln zwischen verschiedenen DOM-Elemente auf Layouts, die anders über die Bedingungen für die Seite geladen wurde, basierte Display zu bauen.
Über das CCSS und VFL Komponenten ermöglicht GSS Zwänge an ihren Platz auf vertikalen und Abstand (VFL) setzen auf der Grundlage DOM Eigenschaften des Elements wie Größe und Lage (CCSS) werden, und auf der Basis.
Die Prinzipien und Vorstellungen hinter den Grid Style Sheets auch bei Fluent 2014 Konferenz O'Reillys präsentiert. Sie können ein Video davon sehen Sie hier:

Was ist neu in dieser Pressemitteilung:

• Variable Hebe (ohne Bereichseinschränkung Variablen und virtuals weisen auf oberste Instanz)
• Sichtbar, Sichtbar-y, Sichtbar-x Pseudo-Klassen, die bis zu feuern, wenn das Element sichtbar ist
• computed- pseudo Immobilien Familie, die wie intrinsic- ohne Zurücksetzen ursprüngliche Eigenschaft wirkt
• ^, ^^, ^^^ ... und Kombinatoren, die Eltern / root Bereiche zeigen $
• AGB nun eine passable Unterstützung für mehrere Selektoren. Atleast es wird nicht hängen
• Vereinfacheinheiten unterstützen (nicht im Parser noch), em, rem, vh, VW, Vmax, Vmin.
• Ein-Wege-Bindung durch px Einheit. Ermöglicht für einige nicht-lineare Ausdrücke sonst nicht möglich
• Max, Min-Funktionen, die auch einen gewissen Umweg
• Buffered-Konsole, die Ein- und Ausgabe gibt nebeneinander halten Baumstruktur
• $ scroll-top, $ berechnet Höhe nun in ähnlicher Weise wie Fenster :: work [Scroll-top] und Fenster :: [Höhe]
• Bessere scoped Sheets Unterstützung (keine Emulation für noch css Dumping),
• Gehisst Variablen im oberen Stammbereich sind nicht mehr global, sie gebunden sind, Stylesheet
• Scoped Sheets in, oder definieren Sie globale Variablen im oberen Rahmen, sonst die sie den Rahmen Element.
• @ import-Support (CSS Dumping-Unterstützung ist nicht zuverlässig, doch gibt). Importieren Blatt mehrere Male nur einmal analysiert werden.

Was ist neu in der Version 2.0.0:

• Variable Hebe (ohne Bereichseinschränkung Variablen und virtuals weisen auf oberste Beispiel)
• Sichtbar, Sichtbar-y, Sichtbar-x Pseudo-Klassen, die bis zu feuern, wenn das Element sichtbar ist
• computed- pseudo Immobilien Familie, die wie intrinsic- ohne Zurücksetzen ursprüngliche Eigenschaft wirkt
• ^, ^^, ^^^ ... und Kombinatoren, die Eltern / root Bereiche zeigen $
• AGB nun eine passable Unterstützung für mehrere Selektoren. Atleast es wird nicht hängen
• Vereinfacheinheiten unterstützen (nicht im Parser noch), em, rem, vh, VW, Vmax, Vmin.
• Ein-Wege-Bindung durch px Einheit. Ermöglicht für einige nicht-lineare Ausdrücke sonst nicht möglich
• Max, Min-Funktionen, die auch einen gewissen Umweg
• Buffered-Konsole, die Ein- und Ausgabe gibt nebeneinander halten Baumstruktur
• $ scroll-top, $ berechnet Höhe nun in ähnlicher Weise wie Fenster :: work [Scroll-top] und Fenster :: [Höhe]
• Bessere scoped Sheets Unterstützung (keine Emulation für noch css Dumping),
• Gehisst Variablen im oberen Stammbereich sind nicht mehr global, sie gebunden sind, Stylesheet
• Scoped Sheets in, oder definieren Sie globale Variablen im oberen Rahmen, sonst die sie den Rahmen Element.
• @ import-Support (CSS Dumping-Unterstützung ist nicht zuverlässig, doch gibt). Importieren Blatt mehrere Male nur einmal analysiert werden.

Was ist neu in Version 1.0.3-beta:

• 2D Zucker Requisiten: Größe, Position, Center, intrinsischer-Größe, oben links, oben rechts, unten links, unten rechts
• außer id, class & Tag-Selektoren können nun in CCSS verwendet, wenn durch Parans umgeben werden
• Unterstützung für mehrere Selektoren auf beiden Seiten einer Einschränkung Operator

Was ist neu in Version 1.0.2-beta:

• VGL:
• @ grid-Vorlage leere Zonen können mit definiert werden.
• Veröffentlicht in (), um @ grid-Vorlage.
• Hinzugefügt h / v / oben / rechts / unten / links-Spalt (), um @ grid-Vorlage.

Anforderungen :

• JavaScript auf Client-Seite aktivieren