IntelliJ 12 не будет использовать переменные Sass

У меня есть очень простая установка Ruby on Rails. Я установил bootstrap-sass жемчужина, есть 'bootstrap-sass' ~> 2.3.1.0 в моем Gemfile и побежал bundle install, Перезапустил все приложения. у меня есть style.css.scss файл в приложении> активы> таблицы стилей, которые @imports 'bootstrap'; а также отзывчивый. Эти стили на самом деле втянуты в мое приложение, потому что они оформляют внешний интерфейс. Однако, когда я пытаюсь использовать переменную или миксин, я получаю сообщение об ошибке в прикрепленном изображении, а IntelliJ сообщает, что не может найти переменную. Я новичок во всем этом процессе, поэтому я просто пытаюсь понять, что нужно для его решения.

Я использую Ruby 2.0.0 и Rails 3.2.13rc2

https://docs.google.com/file/d/0BwMz3RH42HtQb0U1TXdHTVF0QjQ/edit?usp=sharing

@import "bootstrap";

body {
  padding-top: 60px;
}

@import 'bootstrap-responsive';

.footer {
  margin-top: 50px;
  color: $greyLight;

    a {
      color: #e5e5e5;
    }
}

вот ссылка на живой сайт разработчика на heruko, без использования переменных:

http://shrouded-ocean-4277.herokuapp.com/

РЕДАКТИРОВАТЬ: в моей папке vendor / assets / stylesheets нет папки начальной загрузки, файлов _mixins или _variables. Должны ли они быть установлены, когда я поместил гем в Gemfile и установил ли он комплект?

РЕДАКТИРОВАТЬ: добавить мой GitHub: https://github.com/ChrisSki/omrails

Источник

2 ответа

Решение

Что касается вашего редактирования, то bootstrap не будет в vendor, но в файле.gem, расположенном где-то внутри вашей установки Ruby.

Недавно я создал подобное приложение, следуя этому руководству. у меня есть 2 .css.scss файлы, один из которых включает и переопределяет части начальной загрузки, а другой содержит стиль моего приложения (напрямую не связанный с Bootstrap). Если вы посмотрите на второй файл, вы увидите, что я импортировал bootstrap/variables потому что мне нужно было иметь доступ к некоторым переменным Bootstrap, и это работает как шарм.

Я не понимаю, почему ваш оригинальный скриншот жалуется на что-то variables, который я не вижу в вашем файле SCSS... Вы пробовали bootstrap/variables вместо?

РЕДАКТИРОВАТЬ:

Я просто клонировал ваш репо, запустил сервер и взломал style.css.scss, Я думаю, что вы сделали опечатку в ваших тестах:)

h1 {
    color: $greyLight; /* Does not work!! */
    color: $grayLight; /* Works :) */
}
Источник

Вы должны объявить свои переменные перед импортом начальной загрузки, тогда вы можете использовать переменные в вашем scss. Например, вот как я использую переменные в моем приложении rails:

/************************ CSS Variables ***************************/
$myColor: #0F851C;    

/************************ Import Bootstrap ********************************/
@import 'bootstrap';
body { padding-top: 80px; }
@import 'bootstrap-responsive';

Просто определите ваши переменные в верхней части вашего scss, а затем импортируйте загрузчик. Затем в вашем scss вы можете использовать эти переменные, как это:

#myDiv {
  color: $myColor;
}

Надеюсь это поможет!

Источник
Другие вопросы по тегам