X - это CSS, а GWT - это Javascript; что такое Х?

Question

Существует ли структурированный язык для разумного объявления стилей, который затем можно преобразовать в специфичные для браузера файлы CSS, аналогично тому, что GWT делает с Javascript?

В идеале это будет язык, который поддерживает переменные, имеет дело с особенностями браузера и различиями (например, фильтр: альфа против непрозрачности), обеспечивает интуитивно понятный синтаксис для общих задач, таких как центрирование, и имеет способ выражать откат для менее способных браузеров .

Answer 1

Sass , как в Haml и Sass есть то, что вы ищете. В нем есть переменные, математика и другие вкусности.

Официальная версия основана на Ruby, но есть версии для других языков, таких как PHP и Python.

Это может не сработать ВСЕ, что вы упомянули, но стоит проверить.

Answer 2

Способность GWT генерировать код на лету и его мощная возможность «отложенного связывания» могут быть определенно применены к таблицам стилей и позволяют оптимизировать CSS во время сборки.

Прямо сейчас, «путь GWT», в соответствии со стилями, состоит в том, чтобы включить все необходимые вам стили и применить их, используя «зависимые имена стилей». Но это определенно приводит к потере бесполезного CSS, включаемого туда, где он не нужен.

Я знаю, что есть хотя бы одна попытка оптимизировать CSS во время сборки. Это будет включать в себя объединение нескольких отдельных таблиц стилей в один и удаление всех несущественных пробелов (минимизация). Я думаю, что это может также позволить вам использовать привязку deffrred, чтобы по существу «оптимизировать» CSS там, где он не нужен (например, специфичные для браузера стили).

StyleInjector

Answer 3

Чтобы ответить на мой собственный вопрос (снова): Меньше кажется одним из самых интересных проектов на сегодняшний день. Расширение CSS, поддерживающее переменные, миксины (сложные переменные), вложенные правила и простую арифметику.

Answer 4

Спасибо за ваши комментарии! Sass и HSS кажутся очень похожими по объему: простые и блочные переменные, вложенные блоки, однострочные комментарии. Преимущество HSS в том, что он является надмножеством CSS.

StyleInjector выглядит более амбициозным и интересным. Благодаря использованию возможностей отложенного связывания GWT и введению расширений синтаксиса CSS, таких как условные обозначения, этот подход должен облегчить определение не только специфичных для браузера, но и локализованных стилей. Также очень круто ссылаться на другие ресурсы GWT и автоматически минимизировать стили путем удаления и объединения селекторов. Я обязательно буду внимательно следить за этим проектом.

Answer 5

вы можете попробовать HSS .