Как добавить {меньше} файлов в подтему Omega HTML5?

Я хотел бы использовать less.js и тот меньше модуль для работы с моим Омега- темы на основе HTML5. Как добавить файлы **.css.less* в файл подтемы.info на основе Omega?

Моя текущая настройка такова:

  1. /сайты/все/темы/omega - каталог основных тем Omega
  2. /сайты/все/темы/пользовательские -html5 - подтема HTML5 на основе Omega каталог
  3. /сайты/все/темы/пользовательские-html5/css/пользовательские-html5-альфа-по умолчанию.css - мой файл css по умолчанию

Этот вопрос связан с

Мой предыдущий: Как использовать препроцессор CSS LESS.js с помощью Drupal 7?

 3
theming
Author: Community, 2011-11-10
Source

2 answers

Установите модуль LESS, а затем в вашем custom-html5.info файл просто добавьте свои файлы CSS LESS, как вы обычно добавляете таблицы стилей:-

stylesheets[all][] = css/custom-html5-alpha-default.less

Модуль обнаружит МЕНЬШЕЕ количество файлов (тех, у которых есть.меньше расширения файла) и обработайте их так, чтобы они выводились в виде стандартного CSS.

Обработка МЕНЬШЕГО количества файлов на сервере, а не через браузер с использованием JavaScript, даст конечному пользователю лучший опыт и гарантирует, что внешний вид вашего сайта не будет зависит от JavaScript. Если вам действительно необходимо включить less.js файл, то, возможно, вы могли бы рассмотреть возможность использования метода drupal_add_js() в вашем template.php файл.

 6
Author: drmonkeyninja, 2011-11-17 14:46:09

Из #10 @ http://drupal.org/node/928292

Использование таблиц стилей[все][] =example.css.less проблематично. Это использование, хотя и >в целом правильное, приводит к тому, что example.css.меньше загружается перед таблицами стилей Omega.

Вы можете использовать МЕНЬШЕ таблиц стилей вместо обычных CSS-файлов, используя директивы Omega, >однако:

Создайте файл global.css.less в папке css вашей темы (важно!).

Создайте такую строфу в своем theme.info файл:

    css[global.css.less][name] = My Project styles
    css[global.css.less][description] = LESS CSS stylesheet for My Project.
    css[global.css.less][options][weight] = 10
    settings[alpha_css][global.css.less] = 'global.css.less'

Взгляните @http://drupal.org/node/1233904 для хорошего начала работы с файлом МЕНЬШЕГО размера.

 2
Author: ril44, 2012-03-30 21:18:03