Использование Mixins с Foundation 5

Question

Я только что установил Foundation 5 с Sass и использую Compass для просмотра моих таблиц стилей. Я хотел знать, что лучше всего подходит для добавления моих пользовательских стилей. Я уже создал файл custom.scss и ссылаюсь на него с помощью @import «custom»; в моем файле app.scss.

Если бы я хотел пойти дальше и изменить цвет фона тела, например, как бы я это сделал, используя mixins. Я добавляю:

$ body-bg: red;

в мой custom.scss файл, но фон тела не меняется. Должен ли я просто редактировать файл _settings.scss, это кажется неправильным ...

Любая идея, что я делаю неправильно? Заранее спасибо!

Вот мой config.rb:

# Require any additional compass plugins here. 
add_import_path "bower_components/foundation/scss" 

# Set this to the root of your project when deployed: 
http_path = "/" 
css_dir = "stylesheets" 
sass_dir = "scss" 
images_dir = "images" 
javascripts_dir = "javascripts" 

# You can select your preferred output style here (can be overridden via the command line): 
# output_style = :expanded or :nested or :compact or :compressed 

# To enable relative paths to assets via compass helper functions. Uncomment: 
# relative_assets = true 

# To disable debugging comments that display the original location of your selectors. Uncomment: 
# line_comments = false 


# If you prefer the indented syntax, you might want to regenerate this 
# project again passing --syntax sass, or you can uncomment this: 
# preferred_syntax = :sass 
# and then run: 
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass 

Answer 1

В вашем случае, может быть, было бы лучше использовать эти структуры:

app.scss:

@import "custom"; //where you define variables for foundation such as $body-bg: red; 
@import "foundation"; 
@import "other styles"; 

Answer 2

Да, я всегда просто отредактировал файл _settings.scss - затем используйте достойное сопоставление файлов (например, Araxis Merge или Kaleidoscope, чтобы объединить новые параметры по мере создания обновлений). Если у меня есть пользовательские переменные, я буду придерживаться тех, которые находятся в верхней части файла настроек (что необходимо для выполнения как настроек, так и моего глобального материала после факта).