Grid Style Sheets

Karty Styl Siatka (GSS) używa Cassowary Constraint Solver, aby zmienić sposób wyświetlania elementów w sieci.
GSS używa e przeplatających relacyjnych pomiędzy różnymi elementami zasad do budowy układów DOM, które wyświetlają się inaczej w oparciu o warunkach stronę załadowane.
Przez CCS i komponentów VfL, GSS pozwala ograniczenia do wprowadzenia do miejsca, w oparciu o właściwości DOM tego elementu, takich jak wielkość i położenie (CCS), oraz na podstawie pionowej i rozstawu (VFL).
Zasady i pojęcia za Siatka Style Sheets został również zaprezentowany na konferencji Fluent 2014 O'Reilly. Możesz zobaczyć film z nim poniżej:

Co nowego w tym wydaniu:

• Zmienna podnoszenia (zmienne unscoped i virtuals wskazać najwyższej instancji)
• : widoczna: widoczna-y,: pseudo-x widoczne, że ogień się zajęcia, gdy element jest widoczny,
• computed- pseudo rodzina nieruchomości, które działa jak intrinsic- bez resetowania oryginalną właściwość
• ^, ^^, ^^^ ... i $ kombinatorów, które wskazują na zakresy rodzic / root
• Warunki mają teraz na zadowalający wsparcie dla mnogiej selektorów. Conajmniej przyzwyczajenie powiesić
• jednostki Simplistic wsparcie (nie w parsera jeszcze), em, rem, VH, vw, vmax, vmin.
• wiążące dzięki px jednostki w jedną stronę. Pozwala na niektórych wyrażeń nieliniowych nie jest możliwe w inny sposób,
• max, min funkcje, które również zapewniają pewne zadnie
• Wyjścia buforowane konsola, że ​​wejście i wyjście obok siebie strukturę drzewa prowadzenie
• $ scroll-top, $ obliczane wysokości teraz działać w podobny sposób do :: okno [przewiń-top] i :: okno [wysokość]
• Lepsze wsparcie arkuszy stylów (o zakresie nie emulacji dla css dumpingu jeszcze),
• wywieszono zmienne w górę zakresu głównego nie są już globalny, są połączone na stylesheet
• w arkusze stylów z lunetą lub zdefiniować zmienne globalne w górnym zakresie, w przeciwnym razie, jakie przywiązują do elementu zakresu.
• Wsparcieimport (wsparcie css dumpingu nie jest wiarygodne jeszcze istnieje). importowania arkuszy wiele razy jest analizowany tylko raz.

Co nowego w wersji 2.0.0:

• Zmienna podnoszenia (zmienne unscoped i virtuals wskazać najwyższy Instancja)
• : widoczna: widoczna-y,: pseudo-x widoczne, że ogień się zajęcia, gdy element jest widoczny,
• computed- pseudo rodzina nieruchomości, które działa jak intrinsic- bez resetowania oryginalną właściwość
• ^, ^^, ^^^ ... i $ kombinatorów, które wskazują na zakresy rodzic / root
• Warunki mają teraz na zadowalający wsparcie dla mnogiej selektorów. Conajmniej przyzwyczajenie powiesić
• jednostki Simplistic wsparcie (nie w parsera jeszcze), em, rem, VH, vw, vmax, vmin.
• wiążące dzięki px jednostki w jedną stronę. Pozwala na niektórych wyrażeń nieliniowych nie jest możliwe w inny sposób,
• max, min funkcje, które również zapewniają pewne zadnie
• Wyjścia buforowane konsola, że ​​wejście i wyjście obok siebie strukturę drzewa prowadzenie
• $ scroll-top, $ obliczane wysokości teraz działać w podobny sposób do :: okno [przewiń-top] i :: okno [wysokość]
• Lepsze wsparcie arkuszy stylów (o zakresie nie emulacji dla css dumpingu jeszcze),
• wywieszono zmienne w górę zakresu głównego nie są już globalny, są połączone na stylesheet
• w arkusze stylów z lunetą lub zdefiniować zmienne globalne w górnym zakresie, w przeciwnym razie, jakie przywiązują do elementu zakresu.
• Wsparcieimport (wsparcie css dumpingu nie jest wiarygodne jeszcze istnieje). importowania arkuszy wiele razy jest analizowany tylko raz.

Co nowego w wersji 1.0.3 beta:

• rekwizyty cukru 2D: wielkość, położenie, Centrum, wewnętrzna-size, top-left, top, right, bottom-lewy, dolny prawy
• selektorów, inne niż klasy i id tag mogą być teraz używane w CCS, gdy otoczony parans
• Obsługa mnogiej selektorów po obu stronach operatora więzów

Co nowego w wersji 1.0.2 beta:

• VGL:
• @ szablon puste siatki strefy może być określona.
• Dodane w () do @ siatki-szablon.
• Dodane h / v / góra / prawo / dół / lewo-szczelina () do @ siatki-szablonu.

Wymagania :

• włączona obsługa JavaScript po stronie klienta