Grid Style Sheets

Grid Style Sheets (GSS) käyttää Cassowary Constraint Ratkaisin muuttaa tapaa elementit näyttää Web.
GSS käyttää yhteenkietoutuvista ihmissuhteisiin sääntöjä eri DOM elementtejä rakentaa ulkoasuja, jotka näytetään eri perusteella ehdoista sivu on ladattu.
Via CCSS ja VFL komponentteja, GSS mahdollistaa rajoituksia otettava käyttöön perustuvan elementin DOM ominaisuuksia, kuten kokoa ja sijaintia (CCSS), ja se perustuu pysty- ja välit (VFL).
Periaatteet ja käsitteet taustalla Grid Style Sheets on myös esitetty O'Reilly n Sujuva 2014 konferenssissa. Näet videon siitä alla:

Mikä on uusi tässä julkaisussa:

• Muuttuva nosto- (unscoped muuttujat ja näennäispaketit viittaavat ylimpään esimerkiksi)
• : näkyvä,: näkyvä-y,: näkyvä-x pseudoluokkiin että tulipalon, kun elementti on näkyvissä
• computed- pseudo omaisuutta perheen, joka toimii kuin intrinsic- palauttamatta alkuperäinen kohde
• ^, ^^, ^^^ ... ja $ combinators jotka osoittavat vanhemman / root laajuudet
• Edellytykset nyt kelvollinen tukea useita valitsimia. Ainakin se tapa ripustaa
• Simplistic yksiköt tuki (ei jäsentimen vielä), em, Rem, vh, vw, Vmax, Vmin.
• Yksisuuntainen sitovia px yksikkö. Mahdollistaa joidenkin epälineaarinen ilmaisuja ei ole mahdollista muuten
• max, min toiminnot, jotka tarjoavat myös joitakin epäsuora operaattori
• Bufferoitu konsoli joka lähettää tulo ja lähtö vierekkäin pitäminen puurakenne
• $ scroll-top, $ laskettu-height nyt toimivat samalla tavalla :: ikkunaan [selaa-top] ja :: ikkuna [korkeus]
• Parempi scoped tyylitaulukkoja tuki (ei emulointia varten css polkumyynnin vielä),
• nostetaan muuttujat top root soveltamisalaan eivät ole maailmanlaajuisia enää, ne ovat kiinni stylesheet
• scoped stylesheets vuonna, tai määrittää globaalien muuttujien huippukunnossa soveltamisalaan, muuten ne pitävät soveltamisalaan elementti.
• import tuki (css polkumyynti tuki ei ole luotettavia mutta siellä). maahantuonti arkki useita kertoja vain jäsennetään kerran.

Mikä on uusi versiossa 2.0.0:

• Muuttuva nosto- (unscoped muuttujat ja näennäispaketit viittaavat ylimpään Esimerkiksi)
• : näkyvä,: näkyvä-y,: näkyvä-x pseudoluokkiin että tulipalon, kun elementti on näkyvissä
• computed- pseudo omaisuutta perheen, joka toimii kuin intrinsic- palauttamatta alkuperäinen kohde
• ^, ^^, ^^^ ... ja $ combinators jotka osoittavat vanhemman / root laajuudet
• Edellytykset nyt kelvollinen tukea useita valitsimia. Ainakin se tapa ripustaa
• Simplistic yksiköt tuki (ei jäsentimen vielä), em, Rem, vh, vw, Vmax, Vmin.
• Yksisuuntainen sitovia px yksikkö. Mahdollistaa joidenkin epälineaarinen ilmaisuja ei ole mahdollista muuten
• max, min toiminnot, jotka tarjoavat myös joitakin epäsuora operaattori
• Bufferoitu konsoli joka lähettää tulo ja lähtö vierekkäin pitäminen puurakenne
• $ scroll-top, $ laskettu-height nyt toimivat samalla tavalla :: ikkunaan [selaa-top] ja :: ikkuna [korkeus]
• Parempi scoped tyylitaulukkoja tuki (ei emulointia varten css polkumyynnin vielä),
• nostetaan muuttujat top root soveltamisalaan eivät ole maailmanlaajuisia enää, ne ovat kiinni stylesheet
• scoped stylesheets vuonna, tai määrittää globaalien muuttujien huippukunnossa soveltamisalaan, muuten ne pitävät soveltamisalaan elementti.
• import tuki (css polkumyynti tuki ei ole luotettavia mutta siellä). maahantuonti arkki useita kertoja vain jäsennetään kerran.

Mikä on uusi version 1.0.3-beta:

• 2D sokeri rekvisiitta: koko, sijainti, keskus, luontainen-koon, top-left, top-right, vasemmassa alakulmassa, alaoikealle
• Valitsimet muuta kuin id, class ja tunniste voidaan nyt käyttää CCSS kun ympärillä parans
• Tuki useille valitsimet molemmin puolin rajoitus operaattori

Mikä on uusi version 1.0.2-beta:

• VGL:
• @ grid-mallin tyhjiä vyöhykkeitä voidaan määritellä.
• Lisätty () ja @ grid-malliin.
• lisätyt h / v / ylä- / oikea / alhaalla / vasen-aukko () ja @ grid-malliin.

vaatimukset

• Javascript asiakkaan puolella