Grid Style Sheets

Fogli Stile griglia (GSS) utilizza il Cassowary Constraint Solver per cambiare il modo in cui gli elementi vengono visualizzati sul Web.
GSS utilizza un intreccio regole relazionali tra i vari elementi DOM per costruire layout che visualizzano diversamente a condizioni che la pagina è stata caricata.
Via il CCSS e componenti VFL, GSS permette vincoli di essere messe in atto in base alle proprietà DOM dell'elemento come la dimensione e la posizione (CCSS), e sulla base di verticale e spaziatura (VFL).
I principi e concetti che stanno dietro i fogli griglia di stile è stato anche presentato in perfetto 2014 conferenza O'Reilly. Potete vedere un video di qui sotto:

Cosa c'è di nuovo in questa versione:

• sollevamento variabile (variabili senza ambito e virtuali puntano più in alto esempio)
• : visibile,: visibile-y,: visibili x-pseudo classi che sparano quando elemento è visibile
• computed- pseudo famiglia proprietà che agisce come intrinsic- senza ripristinare proprietà originale
• ^, ^^, ^^^ ... e $ combinatori che puntano a scopi genitore / root
• Condizioni ora hanno un supporto accettabile per selettori plurali. Atleast è solito appendere

Supporto
• Unità semplicistico (non nel parser ancora), em, rem, VH, vw, vmax, Vmin.
• vincolante attraverso px unità di sola andata. Permette di alcune espressioni non lineari non è possibile altrimenti
• max, min funzioni che forniscono anche un po 'di indirezione
• console Buffered che emette ingresso e uscita accanto all'altra struttura tenuta albero
• $ scroll-top, $ calcolata altezza ora funzionano in modo simile finestra per :: [scorrere-top] e :: finestra [altezza]
• Better ambito supporto dei fogli di stile (nessuna emulazione per css scarico ancora),
• variabili issato in ambito radice superiore non sono più globali, essi sono attaccati a foglio di stile
• fogli di stile con ambito in, o definire le variabili globali in ambito top, altrimenti che attribuiscono alla elemento ambito.
• Supportoimport (supporto CSS dumping non è attendibile ancora lì). importazione foglio più volte viene analizzata una sola volta.

Cosa c'è di nuovo nella versione 2.0.0:

• sollevamento variabile (variabili senza ambito e virtuali puntano più in alto esempio)
• : visibile,: visibile-y,: visibili x-pseudo classi che sparano quando elemento è visibile
• computed- pseudo famiglia proprietà che agisce come intrinsic- senza ripristinare proprietà originale
• ^, ^^, ^^^ ... e $ combinatori che puntano a scopi genitore / root
• Condizioni ora hanno un supporto accettabile per selettori plurali. Atleast è solito appendere

Supporto
• Unità semplicistico (non nel parser ancora), em, rem, VH, vw, vmax, Vmin.
• vincolante attraverso px unità di sola andata. Permette di alcune espressioni non lineari non è possibile altrimenti
• max, min funzioni che forniscono anche un po 'di indirezione
• console Buffered che emette ingresso e uscita accanto all'altra struttura tenuta albero
• $ scroll-top, $ calcolata altezza ora funzionano in modo simile finestra per :: [scorrere-top] e :: finestra [altezza]
• Better ambito supporto dei fogli di stile (nessuna emulazione per css scarico ancora),
• variabili issato in ambito radice superiore non sono più globali, essi sono attaccati a foglio di stile
• fogli di stile con ambito in, o definire le variabili globali in ambito top, altrimenti che attribuiscono alla elemento ambito.
• Supportoimport (supporto CSS dumping non è attendibile ancora lì). importazione foglio più volte viene analizzata una sola volta.

Cosa c'è di nuovo nella versione 1.0.3-beta:

• puntelli zucchero 2D: dimensione, posizione, Centro, intrinseca-size, in alto a sinistra, in alto a destra, in basso a sinistra, in basso a destra
• I selettori diversi da id, class e tag possono ora essere utilizzati in CCSS quando è circondato da Parans
• Il supporto per i selettori plurali su entrambi i lati di un operatore di vincolo

Cosa c'è di nuovo nella versione 1.0.2-beta:

• VGL:
• @ griglia-template zone vuote possono essere definite con.
• Aggiunto in () per @ griglia-modello.
• Aggiunto h / v / top / destra / basso / sinistra-gap () per @ griglia-modello.

Requisiti

• JavaScript abilitato sul lato client