31 января 2014 в 21:04
Добрый день. Делаю субтему бутстрап.
1. Загрузила тему Bootstrap в sites/all/themes
2. Скопировала из нее заготовку для субтемы (папку bootstrap_subtheme) тоже в sites/all/themes, переименовала в mytheme, подправила mytheme.info
3. Включила свою тему mytheme, все работает, шаблоны нормально правятся..
4. Далее хочется красиво(вроде как это лучший способ), править тему через less файлы. Захожу в папку субтемы /less, читаю README:
your time customizing the various Bootstrap settings. Feel free to manually
edit it or even replace it with a service like
[BootTheme](http://www.boottheme.com).
Пробую менять значения переменных на те, что мне надо, ничего не меняется.
Попробовала добавить в mytheme.info:
less[sheets][] = less/variables.less
и включить модуль для перекомпиляции less, включая все необходимые для его работы модули (https://drupal.org/project/less), не помогло.
Что я не так делаю?
P.S. Включить в mytheme.info свой css, естественно, получается, но так приходится перекрывать стили(следить чтобы везде все отработало) вместо компеляции с измененными значениями переменных в less.
В общем если у кого-то получилось использовать less, помогите советом. В сети искала, но ответа как нужно это делать не нашла. Заранее спасибо!
Комментарии
Имеется ввиду вот эта тема: https://drupal.org/project/bootstrap
В своей подтеме вы должны включать не variables.less
а style.less
Спасибо, сейчас попробую!
И как, успешно?
Нет, попробовала, ничего не изменилось..
Посмотрела этот файл, там:
@import 'bootstrap.less';
// Base-theme overrides.
@import 'overrides.less';
// Theme specific.
@import 'header.less';
@import 'content.less';
@import 'footer.less';
Попробовала туда импортировать файл переменных @import 'variables.less'; - не помогло.
Потом попробовала загрузку бутстрапа с cdn отключить в субтеме, тогда все стили бутстрапа слетают, может куда-то нужно для такой работы с бутстрапом в субтему класть весь бутстрап целиком, но в каком виде и куда не пойму. В интернете тоже не нашла примеров такой работы с темой бутстрапа.
Не надо этого делать, файл переменных 'variables.less' включается в файле bootstrap.less
Да, бутстрап надо скачать и положить в папку подтемы - в папку bootstrap. На это указывают команды импорта в файле bootstrap.less - например, "@import "../bootstrap/less/mixins.less";"
Точно, туда-то я не заглянула, действительно, он там прямо первой строчкой загружается.
Спасибо, сегодня точно попробовать не смогу, но завтра-послезавтра поэкспериментирую.
Вообще вот тут всё написано: скачать бутстрап, положить его в директорию подтемы, исправить .info-файл и компилировать файлы.
Сразу скажу, что с 3.0.3 и bootstrap темой у меня лично не получилось с наскока, там нужно поправить будет файл. Чтобы не мучаться - используйте 3.0.2.
Сам я в итоге пришёл к тому, что никакие модули перекомпиляции не ставлю, а использую Grunt с модулями LESS и watch: grunt следит за всеми файлами в указанной директории и компилит один мне нужный, если изменения произошли в любом из файлов.