In Drupal it comes to subtheming, if we subtheme using the same CSS filename as the parent's css file, the parent's file is ignored. applying the following to config.rb
when using sass + compass for development, will allow to output to a different filename, And this way we are ok to use both stylesheets, from the subtheme and the parent theme.
# Adding to File drupal_theme/config.rb
# Rename the css files, because for drupal, when the subtheme CSS has the same name,
# it does not use the parent theme CSS.
require 'fileutils'
on_stylesheet_saved do |file|
if File.exists?(file)
filename = File.basename(file, File.extname(file))
File.rename(file, css_dir + + "/" + filename + "_new_file_fragment" + File.extname(file))
end
end
Taken partially from https://coderwall.com/p/jmdgga/sass-compass-compile-two-different-files-for-development-and-production-environment