Grid Style Sheets

Σεντόνια Grid Style (GSS) χρησιμοποιεί το Cassowary Περιορισμών Επίλυση για να αλλάξετε τον τρόπο τα στοιχεία εμφανίζονται στο διαδίκτυο.
GSS χρησιμοποιεί ένας διαπλοκή σχέσεων κανόνων μεταξύ των διαφόρων στοιχείων DOM για την κατασκευή διαγραμμάτων που εμφανίζουν διαφορετικά με βάση τους όρους που η σελίδα έχει φορτωθεί.
Μέσω του CCSS και VFL συστατικά, GSS επιτρέπει περιορισμούς που πρέπει να τεθούν σε εφαρμογή με βάση τις ιδιότητες του DOM του στοιχείου, όπως το μέγεθος και η θέση (CCSS), και με βάση την κατακόρυφη και την απόσταση (ΒΦΛ).
Οι αρχές και οι έννοιες πίσω από τα φύλλα Grid Style έχει επίσης παρουσιαστεί σε άριστα 2.014 συνέδριο του O'Reilly. Μπορείτε να δείτε ένα βίντεο από το παρακάτω:

Τι είναι καινούργιο σε αυτή την έκδοση:

• Μεταβλητή ανύψωσης (unscoped μεταβλητές και virtuals δείχνουν κορυφαίο παράδειγμα)
• : ορατή,: ορατό-y,: ορατό-x ψευδο τάξεις που ανάψουν όταν το στοιχείο είναι ορατό
• computed- ψευδο οικογενειακής περιουσίας το οποίο λειτουργεί σαν intrinsic- χωρίς επαναφορά αρχικής ιδιοκτησίας
• ^, ^^, ^^^ ... και $ combinators που οδηγούν σε πεδία γονέα / root
• Συνθήκες έχουν τώρα ένα βατό υποστήριξη για πληθυντικό επιλογείς. Atleast συνηθίζει να κρεμάσει
• απλοϊκή μονάδες υποστήριξης (όχι σε αναλυτή ακόμα), em, rem, VH, vw, Vmax, Vmin.
• δεσμευτική μέσω της μονάδας px μονόδρομος. Επιτρέπει κάποια μη γραμμική εκφράσεις, δεν είναι δυνατόν αλλιώς
• max, min λειτουργίες που παρέχουν επίσης κάποια indirection
• Ρυθμιστικό κονσόλα που εξάγει εισόδου και εξόδου δίπλα στο άλλο δομή δέντρου τήρηση
• $ κύλισης-top, $ υπολογίζεται ύψος τώρα λειτουργούν με παρόμοιο τρόπο με :: παράθυρο [μετακινηθείτε στην κορυφή] και :: παράθυρο [ύψος]
• Καλύτερη scoped stylesheets στήριξης (χωρίς εξομοίωση για CSS ντάμπινγκ ακόμα),
• ύψωσαν μεταβλητές στην κορυφή πεδίο εφαρμογής της ρίζας δεν είναι παγκόσμια πια, είναι συνδεδεμένα με το φύλλο στυλ
• scoped stylesheets, ή να ορίσετε global μεταβλητές στην κορυφή πεδίου, αλλιώς αποδίδουν στοιχείο πεδίο εφαρμογής.
• υποστήριξηimport (CSS υποστήριξη ντάμπινγκ δεν είναι αξιόπιστη ακόμα εκεί). εισαγωγή φύλλο πολλές φορές είναι μόνο αναλύεται μία φορά.

Τι είναι καινούργιο στην έκδοση 2.0.0:

• Μεταβλητή ανύψωσης (unscoped μεταβλητές και virtuals επισημαίνουν κορυφαίους παράδειγμα)
• : ορατή,: ορατό-y,: ορατό-x ψευδο τάξεις που ανάψουν όταν το στοιχείο είναι ορατό
• computed- ψευδο οικογενειακής περιουσίας το οποίο λειτουργεί σαν intrinsic- χωρίς επαναφορά αρχικής ιδιοκτησίας
• ^, ^^, ^^^ ... και $ combinators που οδηγούν σε πεδία γονέα / root
• Συνθήκες έχουν τώρα ένα βατό υποστήριξη για πληθυντικό επιλογείς. Atleast συνηθίζει να κρεμάσει
• απλοϊκή μονάδες υποστήριξης (όχι σε αναλυτή ακόμα), em, rem, VH, vw, Vmax, Vmin.
• δεσμευτική μέσω της μονάδας px μονόδρομος. Επιτρέπει κάποια μη γραμμική εκφράσεις, δεν είναι δυνατόν αλλιώς
• max, min λειτουργίες που παρέχουν επίσης κάποια indirection
• Ρυθμιστικό κονσόλα που εξάγει εισόδου και εξόδου δίπλα στο άλλο δομή δέντρου τήρηση
• $ κύλισης-top, $ υπολογίζεται ύψος τώρα λειτουργούν με παρόμοιο τρόπο με :: παράθυρο [μετακινηθείτε στην κορυφή] και :: παράθυρο [ύψος]
• Καλύτερη scoped stylesheets στήριξης (χωρίς εξομοίωση για CSS ντάμπινγκ ακόμα),
• ύψωσαν μεταβλητές στην κορυφή πεδίο εφαρμογής της ρίζας δεν είναι παγκόσμια πια, είναι συνδεδεμένα με το φύλλο στυλ
• scoped stylesheets, ή να ορίσετε global μεταβλητές στην κορυφή πεδίου, αλλιώς αποδίδουν στοιχείο πεδίο εφαρμογής.
• υποστήριξηimport (CSS υποστήριξη ντάμπινγκ δεν είναι αξιόπιστη ακόμα εκεί). εισαγωγή φύλλο πολλές φορές είναι μόνο αναλύεται μία φορά.

Τι είναι καινούργιο στην έκδοση 1.0.3-beta:

• στηρίγματα ζάχαρη 2D: μέγεθος, θέση, κέντρο, εγγενή μεγέθους, πάνω αριστερά, πάνω δεξιά, κάτω αριστερά, κάτω δεξιά
• Επιλογείς πλην id, class & tag μπορεί πλέον να χρησιμοποιηθεί σε CCSS, όταν περιβάλλεται από παρανατέλλοντων
• Υποστήριξη για πληθυντικό επιλογείς και στις δύο πλευρές του διαχειριστή περιορισμό

Τι είναι καινούργιο στην έκδοση 1.0.2-beta:

• VGL:
• @ δίκτυο-πρότυπο κενές ζώνες μπορεί να οριστεί με.
• Προστέθηκε στο () για να @ δίκτυο-πρότυπο.
• Προστέθηκε H / V / επάνω / δεξιά / κάτω / αριστερά-κενό () για να @ δίκτυο-πρότυπο.

Απαιτήσεις :

• να ενεργοποιήσετε την Javascript από την πλευρά του πελάτη