I have created an Omega 5 sub-theme from the Omega Clean starterkit, called omega_test. I have renamed the sub-theme folders and files to omega_test, and updated the .info file. I can select the sub-theme in the Theme Settings. My question is: how do I define styles for this sub-theme?

I have built a sub-theme in Omega 4 before, and there, styles were defined in the sass folder of the sub-theme. However, if I make changes to the scss/layout/omega_test.scss files and force a recompile by clicking "Save and update layout" in the theme settings, the omega_test.scss is overwritten somehow (I assume by some sort of processing from the UI, or the omega_test.json file.

Any additional files in the scss folder are ignored on compilation and do not compile to css. Do I need to add a reference to them in the omega_test.info file? In Omega 4, any scss files in the folder were processed automatically.

Any files in the css folder are also ignored, I assume because the stylesheet is not referenced in the <head> section.

I'm tearing my hair out - please help!

Comments

orangutangle created an issue. See original summary.

orangutangle’s picture

orangutangle CreditAttribution: orangutangle commented
Title: Subtheme stylesheet override » Where are Omega 5 sub-themes styles defined?
Issue summary: View changes
orangutangle’s picture

orangutangle CreditAttribution: orangutangle commented
Issue summary: View changes
orangutangle’s picture

orangutangle CreditAttribution: orangutangle commented

OK, placing a stylesheet in the sub-theme folder at style/css/test.css and adding a reference in the .info file as follows:
stylesheets[all][] = style/css/test.css
imports the test.css in the <head> section as follows:
@import url("http://www.example.com/sites/all/themes/omega_test/style/css/test.css?o7btzb");

So I can create my CSS in this way. But surely this defeats the purpose of libsass? Do I have to set up Compass etc. to compile my own scss files?