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 на стороне клиента