Grid Style Sheets

Style Sheets Grid (GSS) menggunakan Kasuari Kendala Solver untuk mengubah cara elemen ditampilkan di Web.
GSS menggunakan terjalinnya aturan relasional antara berbagai elemen DOM untuk membangun tata letak yang di tampilkan berbeda berdasarkan kondisi halaman telah dimuat.
Melalui CCSS dan komponen VFL, GSS memungkinkan kendala yang akan dimasukkan ke dalam tempat berdasarkan sifat DOM elemen seperti ukuran dan posisi (CCSS), dan berdasarkan vertikal dan jarak (VfL).
Prinsip-prinsip dan gagasan di balik Grid Style Sheets juga telah dipresentasikan pada Lancar 2014 konferensi O'Reilly. Anda dapat melihat video itu di bawah:

Apa yang baru dalam rilis ini:

• mengangkat Variable (variabel unscoped dan virtuals menunjuk contoh paling atas)
• : terlihat,: terlihat-y,: x-terlihat semu kelas yang menjalankan ketika elemen terlihat
• computed- semu keluarga properti yang bertindak seperti intrinsic- tanpa ulang properti asli
• ^, ^^, ^^^ ... dan $ combinators yang mengarah ke orang tua / akar lingkup
• Kondisi sekarang memiliki dukungan lumayan untuk penyeleksi plural. Atleast wont menggantung
• unit Sederhana dukungan (tidak parser belum), em, rem, vh, vw, vmax, Vmin.
• Satu-cara mengikat melalui unit px. Memungkinkan untuk beberapa ekspresi non-linear tidak mungkin sebaliknya
• max, fungsi min yang juga memberikan beberapa tipuan
• Buffered konsol yang output input dan output di sebelah setiap struktur menjaga pohon lainnya
• $ scroll-top, $ dihitung-tinggi sekarang bekerja dalam cara yang mirip dengan :: window [scroll-top] dan :: window [tinggi]
• Lebih baik scoped stylesheet dukungan (tidak ada emulasi untuk css belum dumping),
• variabel Mengangkat dalam lingkup akar atas tidak global yang lagi, mereka melekat stylesheet
• stylesheet Scoped in, atau mendefinisikan variabel dalam lingkup global atas, jika tidak mereka melampirkan elemen lingkup.
• dukunganimport (dukungan css pembuangan tidak dapat diandalkan belum ada). mengimpor sheet beberapa kali hanya dipecah sekali.

Apa yang baru di versi 2.0.0:

• Variable mengangkat (variabel unscoped dan virtuals menunjuk ke paling atas misalnya)
• : terlihat,: terlihat-y,: x-terlihat semu kelas yang menjalankan ketika elemen terlihat
• computed- semu keluarga properti yang bertindak seperti intrinsic- tanpa ulang properti asli
• ^, ^^, ^^^ ... dan $ combinators yang mengarah ke orang tua / akar lingkup
• Kondisi sekarang memiliki dukungan lumayan untuk penyeleksi plural. Atleast wont menggantung
• unit Sederhana dukungan (tidak parser belum), em, rem, vh, vw, vmax, Vmin.
• Satu-cara mengikat melalui unit px. Memungkinkan untuk beberapa ekspresi non-linear tidak mungkin sebaliknya
• max, fungsi min yang juga memberikan beberapa tipuan
• Buffered konsol yang output input dan output di sebelah setiap struktur menjaga pohon lainnya
• $ scroll-top, $ dihitung-tinggi sekarang bekerja dalam cara yang mirip dengan :: window [scroll-top] dan :: window [tinggi]
• Lebih baik scoped stylesheet dukungan (tidak ada emulasi untuk css belum dumping),
• variabel Mengangkat dalam lingkup akar atas tidak global yang lagi, mereka melekat stylesheet
• stylesheet Scoped in, atau mendefinisikan variabel dalam lingkup global atas, jika tidak mereka melampirkan elemen lingkup.
• dukunganimport (dukungan css pembuangan tidak dapat diandalkan belum ada). mengimpor sheet beberapa kali hanya dipecah sekali.

Apa yang baru di versi 1.0.3-beta:

• alat peraga gula 2D: ukuran, posisi, pusat, intrinsik-ukuran, top-kiri, kanan atas, kiri bawah, kanan bawah
• Penyeleksi selain id, kelas & tag sekarang dapat digunakan di CCSS ketika dikelilingi oleh parans
• Dukungan untuk penyeleksi jamak di kedua sisi operator kendala

Apa yang baru di versi 1.0.2-beta:

• VGL:
• @ kotak-template zona kosong dapat didefinisikan dengan.
• Ditambahkan di () untuk @ jaringan-template.
• Ditambahkan h / v / atas / kanan / bawah / kiri-gap () untuk @ jaringan-template.

Persyaratan :

• JavaScript diaktifkan pada sisi client