Grid Style Sheets

Grid Style Sheets (GSS) bruker Cassowary Constraint Solver å endre måten elementene vises på nettet.
GSS bruker en sammenflettede relasjonelle regler mellom ulike DOM-elementer til å bygge oppsett som ser annerledes ut basert på de vilkår som siden har blitt lastet.
Via CCSS og VFL komponenter, gjør GSS begrensninger for å bli satt på plass basert på elementets DOM egenskaper som størrelse og posisjon (CCSS), og basert på vertikal og avstand (VFL).
Prinsipper og begreper bak Grid Style Sheets har også blitt presentert på O'Reillys Flytende 2014 konferansen. Du kan se en video av det nedenfor:

Hva er nytt i denne versjonen:

• Variable heising (unscoped variabler og Virtuals peke på øverste eksempel)
• : synlig: synlig-y,: synlige-x pseudo klasser som skyter opp når element er synlig
• computed- pseudo eiendom familie som fungerer som intrinsic- uten å nullstille opprinnelige eiendommen
• ^, ^^, ^^^ ... og $ combinators som peker til foreldre / root scopes
• betingelser har nå en brukbar støtte for flertall velgere. Ihvertfall det wont henge
• Forenklede enheter støtte (ikke i parser ennå), em, rem, vh, vw, Vmax, Vmin.
• En vei bindende gjennom px enhet. Gir mulighet for noen ikke-lineære uttrykk ikke mulig ellers
• max, min funksjoner som også gir noen indirekte
• Bufret konsoll som utganger inngang og utgang ved siden av hverandre og tatt trestruktur
• $ scroll-top, $ beregnet høyde nå fungerer på en lignende måte til :: vinduet [bla-top] og :: vinduet [høyde]
• Bedre omfangs stilark støtte (ingen emulering for css dumping ennå),
• heist variabler i toppen root omfang er ikke global lenger, de er festet til stilark
• Scoped stilark i, eller definere globale variabler i toppen omfang, ellers de fester seg til omfanget element.
• import støtte (css dumping støtte er ikke pålitelig ennå der). importerer ark flere ganger er bare analysert en gang.

Hva er nytt i versjon 2.0.0:

• Variable heising (unscoped variabler og Virtuals peke på øverste eksempel)
• : synlig: synlig-y,: synlige-x pseudo klasser som skyter opp når element er synlig
• computed- pseudo eiendom familie som fungerer som intrinsic- uten å nullstille opprinnelige eiendommen
• ^, ^^, ^^^ ... og $ combinators som peker til foreldre / root scopes
• betingelser har nå en brukbar støtte for flertall velgere. Ihvertfall det wont henge
• Forenklede enheter støtte (ikke i parser ennå), em, rem, vh, vw, Vmax, Vmin.
• En vei bindende gjennom px enhet. Gir mulighet for noen ikke-lineære uttrykk ikke mulig ellers
• max, min funksjoner som også gir noen indirekte
• Bufret konsoll som utganger inngang og utgang ved siden av hverandre og tatt trestruktur
• $ scroll-top, $ beregnet høyde nå fungerer på en lignende måte til :: vinduet [bla-top] og :: vinduet [høyde]
• Bedre omfangs stilark støtte (ingen emulering for css dumping ennå),
• heist variabler i toppen root omfang er ikke global lenger, de er festet til stilark
• Scoped stilark i, eller definere globale variabler i toppen omfang, ellers de fester seg til omfanget element.
• import støtte (css dumping støtte er ikke pålitelig ennå der). importerer ark flere ganger er bare analysert en gang.

Hva er nytt i versjon 1.0.3-beta:

• 2D sukker rekvisitter: størrelse, posisjon, sentrum, indre-størrelse, øverst til venstre, øverst til høyre, nederst til venstre, nederst til høyre
• andre enn id, klasse og tag velgere kan nå brukes i CCSS når omgitt av parans
• Støtte for flertall velgere på hver side av en begrensning operatør

Hva er nytt i versjon 1.0.2-beta:

• VGL:
• @ grid-mal tomme soner kan defineres med.
• Lagt inn () til @ grid-mal.
• Lagt h / v / topp / høyre / nedre / venstre-gap () til @ grid-mal.

Krav

• aktivert Javascript på klientsiden