rubysasssprocketsmiddleman

Overriding Foundation settings not working in Middleman


Im doing my web in Middleman (static Ruby web generator)

I have Foundation installed and working. Then in my styleshhets folder I have a _settings file where I should override foundation's settings.

But somehow it is not working...

My structure is this:

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

Then In the _settings.scss on the stlesheets folder I want to override for example the body font color to red like this:

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

 $body-font-color: red;

But is taking no effect.

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

Any ideas what i need to do to be able to override foundations styles via my _settings.scss on my stylesheets folder ?

Here is my web on github if you need to see the whole structure :

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


Solution

  • As long as _settings.scss is imported BEFORE foundation.scss it should work.