Grid Style Sheets

Сітка стилів (ГСС) використовує казуара вирішувача, щоб змінити спосіб відображення елементів в Інтернеті.
ГСС використовує реляційні переплетення правила між різними елементами DOM побудувати макети, які по-різному відображають на основі умов завантаження сторінки.
Через CCSS і компонентів VFL, ГСС дозволяє обмеження ввести в місці заснований на властивостях DOM елемента, як розмір і положення (CCSS), і на основі вертикальної і відстані (VFL).
Принципи і поняття позаду листів Сітка Style також були представлені на конференції Fluent 2014 O'Reilly. Ви можете подивитися відео про нього нижче:

Що нового У цьому випуску:

• Змінна підйомно (незаданій змінні і віртуали вказують на верхньому наприклад)
• : видно ,: видимий-й ,: видимі-х класів псевдо, що вогонь, коли елемент видно
• computed- псевдо сімейна власність, яка діє як intrinsic- без скидання оригінальне властивість
• ^, ^^, ^^^ ... і $ комбінатори, які вказують на батьків / корінних областей
• Умови тепер стерпно підтримку безлічі селекторів. Принаймні він не буде повісити
• Спрощені одиниць підтримка (не в парсер поки що), EM, бер, VH, VW, Vmax, Vmin.
• Одностороння зв'язок через рх блоку. Дозволяє для деяких нелінійних виразів не можливо в іншому випадку
• MAX, MIN функції, які також пропонують деякі обхідні
• буферизацией консолі, який виводить вхід і вихід поруч один з одним структури обліку дерева
• $ прокрутки зверху, $ обчислюється висота в даний час працюють аналогічним чином, щоб вікно :: [прокрутки вгору] і вікно :: [висота]
• Краще областю видимості таблиць стилів підтримку (Не емуляцію для CSS скидання поки що),
• підняли змінні у верхній кореневої сфери не є глобальними більше, вони прив'язані до таблиці стилів
• заданої областю стилів в, або визначити глобальні змінні у верхній рамки, в іншому випадку вони надають елемент областей видимості.
• поддержкаimport (CSS поховання підтримка не є надійним, але є). імпорту листового кілька разів обробляється тільки один раз.

Що нового у версії 2.0.0:

• Змінна підйомно (незаданій змінні і віртуали вказують на верхній Примірник)
• : видно ,: видимий-й ,: видимі-х класів псевдо, що вогонь, коли елемент видно
• computed- псевдо сімейна власність, яка діє як intrinsic- без скидання оригінальне властивість
• ^, ^^, ^^^ ... і $ комбінатори, які вказують на батьків / корінних областей
• Умови тепер стерпно підтримку безлічі селекторів. Принаймні він не буде повісити
• Спрощені одиниць підтримка (не в парсер поки що), EM, бер, VH, VW, Vmax, Vmin.
• Одностороння зв'язок через рх блоку. Дозволяє для деяких нелінійних виразів не можливо в іншому випадку
• MAX, MIN функції, які також пропонують деякі обхідні
• буферизацией консолі, який виводить вхід і вихід поруч один з одним структури обліку дерева
• $ прокрутки зверху, $ обчислюється висота в даний час працюють аналогічним чином, щоб вікно :: [прокрутки вгору] і вікно :: [висота]
• Краще областю видимості таблиць стилів підтримку (Не емуляцію для CSS скидання поки що),
• підняли змінні у верхній кореневої сфери не є глобальними більше, вони прив'язані до таблиці стилів
• заданої областю стилів в, або визначити глобальні змінні у верхній рамки, в іншому випадку вони надають елемент областей видимості.
• поддержкаimport (CSS поховання підтримка не є надійним, але є). імпорту листового кілька разів обробляється тільки один раз.

Що нового у версії 1.0.3 бета -

• 2D цукру реквізит: розмір, положення, центр, власна розмір, верхній лівий, верхній правий, нижній лівий, нижній правий
• , крім ідентифікатора, клас і селектори тега тепер може бути використаний в CCSS в оточенні parans

<Літій> Підтримка безлічі селектор по обидві сторони від оператора обмежень

Що нового у версії 1.0.2 бета -

• VGL:
• @ сітки шаблон порожніх зон можуть бути визначені с.
• Додана в (), щоб @ грід-шаблону.
• Додана H / V / зверху / справа / знизу / зліва розрив () для @ грід-шаблону.

Вимоги

• включений JavaScript на стороні клієнта