Переопределение настроек настроек, не работающих в Middleman

Question

Im, выполняющий мой веб-сайт в Middleman (статический рубиновый веб-генератор)

У меня установлен и работает Foundation. Затем в моей папке styleshhets у меня есть файл _settings, где я должен переопределить настройки фона.

Но почему-то не работает ...

Моя структура такова:

web 
source 
    bower_components 
    foundation 
    components 
    _settings.scss 
    ... 
    images 
    javascript 
    layouts 
    stylesheets 
    ... 
    _settings.scss 
    ... 

Затем в _settings.scss на папке stlesheets Я хочу, чтобы переопределить, например, цвет шрифта тела красным, как это:

// We use these to control various global styles 
// $body-bg: $white; 

$body-font-color: red; 

Но не действует.

Config.rb:

# Change Compass configuration 
compass_config do |config| 
    config.output_style = :compact 
    config.add_import_path "bower_components/foundation/scss" 
    config.http_path = "/" 
    config.css_dir = "stylesheets" 
    config.sass_dir = "stylesheets" 
    config.images_dir = "images" 
    config.javascripts_dir = "javascripts" 
end 

after_configuration do 
    @bower_config = JSON.parse(IO.read("#{root}/.bowerrc")) 
    sprockets.append_path File.join "#{root}", @bower_config["directory"] 
end 

Любые идеи, что мне нужно сделать, чтобы иметь возможность переопределить фундаменты стили через мой _settings.scss на моей папке Стилей?

Вот мой веб на GitHub, если вам нужно, чтобы увидеть всю структуру:

https://github.com/GiorgioMartini/Giorgio-Web

Answer 1

Пока _settings.scss импортируется ПЕРЕД foundation.scss он должен работать.

Answer 2

Ваш config.rb верен. Тем не менее, одна вещь, чтобы обратить внимание на это линия

@import 'foundation'; 

, которые будут рассматриваться по-разному, чем линия

@import 'foundation.scss'; 

Compass будет первым смотреть, чтобы увидеть, если есть foundation.css файл в bower_components/фундамент. Так как есть, он будет использовать этот. Кроме того, поскольку все переменные SASS уже разрешены в файле foundation.css, импорт _settings.scss заранее не изменит стили по умолчанию. Вместо этого, убедитесь, что в верхней части файла app.scss выглядит следующим образом:

@import 'foundation.scss'; 
@import 'settings'; 

Поскольку bower_components/основа/_settings.scss полностью закомментирована по умолчанию, он не будет нарушать новые стили.