Grid Style Sheets

Grid style sheet (GSS) ay gumagamit ng Cassowary pagpilit Solver upang baguhin ang paraan mga elemento ay ipinapakita sa Web.
GSS ay gumagamit ng isang intertwining patakaran pamanggit pagitan ng iba't ibang mga elemento ng DOM na bumuo ng mga layout na magpakita ng mga iba batay sa mga kondisyon ay nai-load ang pahina.
Via ang CCSS at sangkap VFL, GSS nagpapahintulot limitasyon upang ilagay sa lugar batay sa mga katangian ng DOM ang elemento tulad ng laki at posisyon (CCSS), at ayon sa vertical at spacing (VFL).
Ang mga prinsipyo at notions sa likod ng mga sheet Grid Style ay din ay iniharap sa matatas 2014 conference O'Reilly. Maaari mong makita ang isang video ng mga ito sa ibaba:

Ano ang bago sa release na ito:

• Variable hoisting (unscoped variable at virtuals tumuturo sa kataas-taasan ang halimbawa)
• : nakikita,: nakikita-y,: makikita-x palsipikado klase na painitin nang element ay nakikita
• computed- palsipikado pamilya ari-arian na gawa tulad ng intrinsic- walang-reset orihinal property
• ^, ^^, ^^^ ... at $ combinators na tumuturo sa parent / root scopes
• Kundisyon na ngayon ng mabuti-buti na suporta para sa plural selectors. Atleast sanay ito hang
• Simplistic units support (hindi sa parser pa), em, rem, vh, vw, Vmax, vmin.
• One-way na umiiral sa pamamagitan ng px unit. Pinapayagan para sa ilang mga di-guhit na expression hindi posible kung hindi man
• max, min function na nagbibigay din ng ilang mga kawalang-tapat
• Buffered console na outputs input at output tabi ng bawat isa iingat puno istraktura
• $ scroll-top, $ nakalkula-taas ngayon ng trabaho sa isang katulad na paraan upang :: window [scroll-top] at :: window [taas]
• Mas mahusay na scoped support stylesheets (walang pagtulad para pa css paglalaglag),
• hoisted variable sa tuktok ng ugat na saklaw ay hindi global anymore, ang mga ito ay naka-attach sa stylesheet
• Scoped stylesheets in, o tukuyin ang global variable sa tuktok ng saklaw, sa kabilang banda sila maglakip sa element saklaw.
• pagimport (css paglalaglag support ay hindi maaasahan pa doon). import sheet maramihang beses ay parse ng isang beses lamang.

Ano ang bago sa bersyon 2.0.0:

• Variable hoisting (unscoped variable at virtuals tumuturo sa kataas-taasan halimbawa)
• : nakikita,: nakikita-y,: makikita-x palsipikado klase na painitin nang element ay nakikita
• computed- palsipikado pamilya ari-arian na gawa tulad ng intrinsic- walang-reset orihinal property
• ^, ^^, ^^^ ... at $ combinators na tumuturo sa parent / root scopes
• Kundisyon na ngayon ng mabuti-buti na suporta para sa plural selectors. Atleast sanay ito hang
• Simplistic units support (hindi sa parser pa), em, rem, vh, vw, Vmax, vmin.
• One-way na umiiral sa pamamagitan ng px unit. Pinapayagan para sa ilang mga di-guhit na expression hindi posible kung hindi man
• max, min function na nagbibigay din ng ilang mga kawalang-tapat
• Buffered console na outputs input at output tabi ng bawat isa iingat puno istraktura
• $ scroll-top, $ nakalkula-taas ngayon ng trabaho sa isang katulad na paraan upang :: window [scroll-top] at :: window [taas]
• Mas mahusay na scoped support stylesheets (walang pagtulad para pa css paglalaglag),
• hoisted variable sa tuktok ng ugat na saklaw ay hindi global anymore, ang mga ito ay naka-attach sa stylesheet
• Scoped stylesheets in, o tukuyin ang global variable sa tuktok ng saklaw, sa kabilang banda sila maglakip sa element saklaw.
• pagimport (css paglalaglag support ay hindi maaasahan pa doon). import sheet maramihang beses ay parse ng isang beses lamang.

Ano ang bago sa bersyon 1.0.3-beta:

• asukal 2D props: laki, posisyon, center, tunay-size, top-kaliwa, kanang-itaas, ibaba-kaliwa, ilalim-right
• Selectors iba sa id, class at tag ay maaari na ngayong gamitin sa CCSS kapag napapaligiran ng parans
• Suporta para sa maramihang mga selectors sa magkabilang gilid ng isang pagpilit operator

Ano ang bago sa bersyon 1.0.2-beta:

• VGL:
• @ grid-template na walang laman zone ay maaaring tinukoy sa.
• Idinagdag sa () sa @ grid-template.
• Added h / v / top / kanan / ibaba / kaliwa-gap () sa @ grid-template.

Kinakailangan :

• enable ang JavaScript sa client side