Grid Style Sheets

Hojas de Estilo de cuadrícula (GSS) utiliza el casuario Restricción Solver para cambiar la forma de los elementos se muestran en la web.
GSS utiliza un entrelazamiento reglas relacionales entre los distintos elementos DOM para construir diseños que se muestran de forma distinta según las condiciones de la página se ha cargado.
A través de la CCSS y los componentes VFL, GSS permite limitaciones que se ponen en su lugar sobre la base de propiedades DOM del elemento como el tamaño y la posición (CCSS), y con base en vertical y el espaciamiento (VFL).
Los principios y conceptos detrás de las hojas de estilo de cuadrícula también se ha presentado en rueda de Fluido de O'Reilly 2014. Se puede ver un video de abajo:

¿Qué hay de nuevo en esta versión:

• elevación variable (las variables sin ámbito y virtuals apuntan a la instancia superior)
• Visible, Visible-y,: x visibles pseudo-clases que se disparan cuando el elemento es visible
• propiedad familiar seudo computed- que actúa como intrinsic- sin restablecer propiedad original
• ^, ^^, ^^^ ... y $ combinadores que apuntan a ámbitos padre / root
• Condiciones de ahora tienen un soporte aceptable para los selectores plurales. Al menos no lo puedo colgar

Apoyo
• unidades simplistas (no en analizador aún), em, rem, vh, vw, vmax, vmin.
• vinculante través de la unidad px unidireccional. Permite algunas expresiones no lineales no es posible de otro modo
• max, min funciones que también proporcionan cierta indirección
• consola de búfer que da salida a la entrada y salida junto a la otra estructura de árbol mantenimiento
• $ scroll-top, $ altura calculada ahora funciona de una manera similar a la ventana :: [desplazarse de arriba] y :: ventana [altura]
• Mejor con ámbito de soporte hojas de estilo (sin emulación para css vertido aún),
• Variables izada en ámbito raíz superior no son globales más, están unidos a hoja de estilo
• hojas de estilo con ámbito en, o definir variables globales en alcance arriba, si no que conceden al elemento de alcance.
• Soporteimport (apoyo css dumping no es fiable todavía allí). la importación de hojas múltiples veces solamente se analiza una vez.

¿Cuál es nuevo en la versión 2.0.0:

• elevación variable (las variables sin ámbito y virtuals apuntan a superior ejemplo)
• Visible, Visible-y,: x visibles pseudo-clases que se disparan cuando el elemento es visible
• propiedad familiar seudo computed- que actúa como intrinsic- sin restablecer propiedad original
• ^, ^^, ^^^ ... y $ combinadores que apuntan a ámbitos padre / root
• Condiciones de ahora tienen un soporte aceptable para los selectores plurales. Al menos no lo puedo colgar

Apoyo
• unidades simplistas (no en analizador aún), em, rem, vh, vw, vmax, vmin.
• vinculante través de la unidad px unidireccional. Permite algunas expresiones no lineales no es posible de otro modo
• max, min funciones que también proporcionan cierta indirección
• consola de búfer que da salida a la entrada y salida junto a la otra estructura de árbol mantenimiento
• $ scroll-top, $ altura calculada ahora funciona de una manera similar a la ventana :: [desplazarse de arriba] y :: ventana [altura]
• Mejor con ámbito de soporte hojas de estilo (sin emulación para css vertido aún),
• Variables izada en ámbito raíz superior no son globales más, están unidos a hoja de estilo
• hojas de estilo con ámbito en, o definir variables globales en alcance arriba, si no que conceden al elemento de alcance.
• Soporteimport (apoyo css dumping no es fiable todavía allí). la importación de hojas múltiples veces solamente se analiza una vez.

¿Cuál es nuevo en la versión 1.0.3-beta:

• puntales de azúcar en 2D: tamaño, posición, central, de tamaño intrínseco, parte superior izquierda, superior derecha, inferior izquierda, inferior derecha
• Los selectores distintos de identificación, la clase y la etiqueta ahora se pueden utilizar en la CCSS cuando está rodeado por Parans
• Soporte para selectores plural a ambos lados de un operador de restricción

¿Qué hay de nuevo en la versión 1.0.2-beta:

• VGL:
• @ rejilla en plantillas zonas vacías se pueden definir con.
• Añadido en () para @ rejilla plantilla.
• Añadido h / v / arriba / derecha / abajo / izquierda-gap () para @ rejilla plantilla.

Requisitos

• habilitado JavaScript en el lado del cliente