Drupal Tutorials - The Complete Guide To Omega 4 #17 - Layout Styles

The 17th tutorial in the The Complete Guide To Omega 4. Here we show you how to have layout specific stylesheets to make your layouts more portable and self contained.

[dctrex]

This is probably worth mentioning again. On 7:03 when you write:
it may produce an error, "File to import not found or unreadable: This is because of a problem with sass-globber v1.1.1. You need to downgrade to sass-globber v1.1.0. You have to go into your text editor such as Sublimetext, and navigate to Gemfile, then type: gem "sass-globbing", "1.1.0". After that with your Mac terminal, navigate to your theme and type "bundle". I'm just parroting what these kind people have been saying but definitely helps to have it reiterated.

[jbousley]

For anyone else out there going through this particular tutorial, please be advised that SASS Globbing is broken in version 1.1.1. To fix it, you have to revert back to version 1.1.0 as indicated here:

[aowu]

What's different with template and layout? 

[TomsTomTomdotcom]

The CSS files weren't loading for me for new layouts I made but did work for some. (all sass files were getting compiled into css files correctly but layout stylesheet wasn't getting called even though I had the right reference in the layout .inc file

I got around it by putting the sytlesheets[all][] = into my theme's info file for each new layout.

Does that make them get called on every page (not just pages with the layout?)

I wonder if it was because I was using the layouts within panels ?  would that keep from it being called on a browser page? (I don't know much about these things...just sharing my experience)

[MPK]

Hey Scott,
I've got a problem with setting up my new layout. I created it exactly as shown in the video and tried to activate it, but if I selected 'enable layouts extension' and then selected an layout an clicked save, it just jumped back and deselected the checkbox and selected the simple layout. I often flushed the Cache and now I completely removed the new layout, but it even don't worked to activate another layout. Can you please help me? Thank you, Marcel

[menaceren]

At about 5:21 you show the line:
stylesheets[all][] = and that didn't work for me. I had to modify it to:
stylesheets[all][] =
and then it worked.

[niclan]

Hi... I have a question.. I followed this interesting tutorial about how to make my sub layout portable. Everything wroks great.

Now I would like to go one step forward and make my panel layouts portable too.

My idea was to modify/copy one of the panel layouts in omega/panels/layouts/*

Is that correct ?
Can anybody help me ?

[barrypoore]

I keep getting an error, the whole sass thing works fine until I try it in the layout, I have added the ../../ for the varibles folder in my layouts stylesheet, variables are still working for the stylesheets in my base sub theme but for my layout stylesheet they do not, I just get "Undefined variable: "$color". ($color is set in sass/variables/_colors.scss).
My layout tree structure matches the one in the tutorial down to a T, any ideas?

I can do all my layout styles in the css in my layout folder but currently can only use the sass vars in the main sub theme files outside of my layout.

[baklaghan]

Hi.

Have this error 

 error (Line 1 of sass/variables/**/*: File to import not found or unreadable: ../../variables/_colors.scss.

What could be wrong?