Grid Style Sheets

Grille Style Sheets (ESG) utilise le Cassowary Constraint Solver de changer la manière dont les éléments sont affichés sur le Web.
ESG utilise un entrelacement règles relationnelles entre les différents éléments du DOM de construire dispositions qui affichent différemment selon les conditions de la page a été chargé.
Via la CCSS et composants VFL, ESG permet contraintes à être mis en place sur la base des propriétés DOM de l'élément, comme la taille et la position (CCSS), et sur la base verticale et l'espacement (VFL).
Les principes et notions derrière les feuilles de style Grille a également été présenté à la conférence de Courant 2014 O'Reilly. Vous pouvez voir une vidéo de lui ci-dessous:

Ce qui est nouveau dans cette version:

• levage variable (des variables non délimité et virtuels pointent vers la plus haute instance)
• : visible,: visible-y,: visibles X pseudo classes qui tirent quand élément est visible
• computed- famille de la propriété de pseudo qui agit comme intrinsic- sans réinitialiser propriété originale
• ^, ^^, ^^^ ... et combinateurs qui pointent vers des étendues parent / root $
• Conditions ont maintenant un support passable pour sélecteurs pluriel. Atleast pendre coutume
• unités simplistes support (pas encore analyseur), em, rem, vh, vw, vmax, vmin.
• contraignants par unité px One-way. Permet pour certaines expressions non linéaires pas possible autrement
• max, min fonctions qui fournissent également une certaine indirection
• console qui délivre en sortie tamponnée entrée et de sortie côté de l'autre structure d'arbre de maintien
• $ défilement haut, $-hauteur calculée travaillent maintenant d'une manière similaire à :: Window [défiler-dessus] et :: fenêtre [hauteur]
• Mieux scope feuilles de style support (aucune émulation pour css le dumping encore),
• les variables hissé dans le top étendue racine ne sont pas plus globale, ils sont attachés à stylesheet
• des feuilles de style en Scoped, ou définir des variables globales à haut champ, sinon qu'ils attachent à l'élément de portée.
• Supportimport (soutien css dumping ne sont pas fiables encore là). importation feuille plusieurs fois est seulement analysée une fois.

Quoi de neuf dans la version 2.0.0:

• levage variable (des variables non délimité et virtuels pointent vers le plus haut exemple)
• : visible,: visible-y,: visibles X pseudo classes qui tirent quand élément est visible
• computed- famille de la propriété de pseudo qui agit comme intrinsic- sans réinitialiser propriété originale
• ^, ^^, ^^^ ... et combinateurs qui pointent vers des étendues parent / root $
• Conditions ont maintenant un support passable pour sélecteurs pluriel. Atleast pendre coutume
• unités simplistes support (pas encore analyseur), em, rem, vh, vw, vmax, vmin.
• contraignants par unité px One-way. Permet pour certaines expressions non linéaires pas possible autrement
• max, min fonctions qui fournissent également une certaine indirection
• console qui délivre en sortie tamponnée entrée et de sortie côté de l'autre structure d'arbre de maintien
• $ défilement haut, $-hauteur calculée travaillent maintenant d'une manière similaire à :: Window [défiler-dessus] et :: fenêtre [hauteur]
• Mieux scope feuilles de style support (aucune émulation pour css le dumping encore),
• les variables hissé dans le top étendue racine ne sont pas plus globale, ils sont attachés à stylesheet
• des feuilles de style en Scoped, ou définir des variables globales à haut champ, sinon qu'ils attachent à l'élément de portée.
• Supportimport (soutien css dumping ne sont pas fiables encore là). importation feuille plusieurs fois est seulement analysée une fois.

Quoi de neuf dans la version 1.0.3-beta:

• accessoires de sucre 2D: la taille, la position, centre, intrinsèque de taille, en haut à gauche, en haut à droite, en bas à gauche, en bas à droite
• sélecteurs autres que id, class & tag peuvent maintenant être utilisés dans CCSS quand ils sont entourés par Parans
• Support pour les sélecteurs pluriel de chaque côté d'un opérateur de contrainte

Ce qui est nouveau dans la version 1.0.2-beta:

• VGL:
• @ zones vides grille-modèle peuvent être définies avec.
• Ajout () pour @ grille-modèle.
• Ajout h / v / haut / droite / bas / gauche-gap () à @ grille-modèle.

Exigences :

• Javascript sur côté client