Проблема с SASS/CSS для Foundation 5 с использованием Compass
У меня проблема с рекомендуемой установкой SASS в Foundation 5.
http://foundation.zurb.com/docs/sass.html
Я следовал короткому уроку всего неделю назад, и у меня не было проблем. Казалось, все работает нормально и выглядит хорошо.
В течение следующих нескольких дней я вносил изменения в проект, над которым я работаю, но только помещал изменения (CSS) в custom.css файл. Я хотел убедиться, что мой клиент был доволен моим предложенным дизайном, прежде чем начать понимать, что такое SASS.
Этим вечером я пришел, чтобы внести изменения в SASS. Я побежал compass watch прежде чем я внес какие-либо изменения, и меня сразу же встретили:
write stylesheets/app.css
Это полностью облажался index.html несмотря на то, что не сделал никаких изменений. app.css Размер файла составляет лишь небольшую часть от исходного размера (~750 строк против ~8500), и в результате страница в значительной степени загружается в виде необработанного HTML без полезного CSS - даже намека на стилизацию нет body например.
После того, как я решил переустановить с нуля, я все равно не чувствую себя лучше и сталкиваюсь с той же проблемой.
По данным Фонда:
app.scss Здесь вы можете определить, какие стили будут в вашем проекте. По умолчанию все Foundation импортируются, но вы можете деактивировать и выбрать конкретные компоненты, которые вы хотите импортировать, или добавить свой собственный Sass здесь.
Когда я впервые установил Foundation, все это было импортировано как стили по умолчанию, загруженные для моего index.html, Он действовал так, как описал Зурб. Теперь кажется, что это только некоторые стили по умолчанию, но не все, и я не могу понять, почему.
Обновление: друг клонировал мой репо и не имел никаких проблем вообще. Я сделал то же самое и снова столкнулся с той же проблемой - должно быть, что-то связано с моей средой.
Дальнейшее обновление: compass watch компилирует только два файла Foundation, _icon-bar.scss а также _visibility.scss, Кажется, что он тянет совершенно произвольные строки даже внутри этих файлов, поэтому что-то в них тоже не так. Ничего не тянет из других мест. В комментариях к ответу ниже есть пара ссылок.
Я был бы очень признателен за любую помощь с этим.
Спасибо, что нашли время, чтобы прочитать.
2 ответа
Я только изучаю Foundation 5 с помощью Sass, но ваша проблема и вывод CSS выглядят так же, как моя, которая компилировалась, с большим количеством комментариев и отсутствием CSS в HTML.
Эта ветка на форумах Фонда действительно помогла мне. Похоже, последние Sass и Compass не работали должным образом?? Не уверенны детали, но предложение Szabesz об удалении последних версий Sass и Compass и установке чуть более старых:
to uninstall:
sudo gem uninstall compass 1.0.0
sudo gem uninstall sass 3.4.0
to reinstall old versions:
sudo gem install sass --version 3.2.9
sudo gem install compass --version 0.12.7
То, что находится в app.scss, то, что там указано, будет выводиться как css в app.css.
@import "настройки" @import "фундамент"
Это по умолчанию.