Explanation of CSS Files created from Sass

This is the main CSS file for your theme. Most Sass you write gets compiled into this one long CSS file.

Specific themes instructions

To make work the picture module in Omega 4 theme the order of breakpoint change:

; ========================================
; Breakpoints
; ========================================

breakpoints[tv] = only screen and (min-width: 3456px)
breakpoints[wide] = (min-width: 1220px)
breakpoints[normal] = (min-width: 980px)
breakpoints[narrow] = (min-width: 740px)
breakpoints[mobile] = (min-width: 0px)

Omega 4 Sass Quick Setup in Windows

I had a lot of trouble getting Omega Sass to compile properly without gem dependency errors. Below is a quick guide to getting your Windows Development Environment up and running quickly for the Omega 4 Theme using Pik (an RVM alternative), and Bundler.

  1. Download and install Ruby 1.9.3 and DevKit from 


Install and run RVM with bundler on Windows (Drupal Omega 4 specific)

Unlike on UNIX based systems, installing and configuring RVM on a Windows machine properly in order to be able to use the new possibilities in Drupal's Omega 4 theme could become a difficult task. But running that process through the cygwin environment makes it possible.

Installing cygwin and required dependencies

Make sure you install the 32-bit version of cygwin, as otherwise you could get errors when trying to compile your ruby when installing it through rvm. So Install cygwin with following packages and their dependencies:

Omega 3.x vs. Omega 4.x - Comparing Apples and Oranges

Whether you should use Omega 4.x or Omega 3.x really depends on how much you want to rely on the user interface for building layouts as this is no longer included in the 4.x branch. If you are okay with a possible lack of documentation and the fact that Omega 4.x does not come with a layout builder as 3.x did then you should definitely prefer the 4.x branch.

Differences between Omega 3.x and 4.x


Omega 3.x

Sub-themes based on Omega 4.x

Here is a list of prominent sub-themes that are based on Omega 4:

(Note: This list is by no means comprehensive. Additions are welcome.)


Omega 4.x based demonstration theme. Serves as a best-practice reference for the Omega documentation.

The goal is to already be fully in line with the D8 CSS Coding Standards. While Omega 4.x core will do the heavy lifting of converting the existing D7 core CSS and templates to that standard (and override the corresponding template and CSS files from Core and some major contrib moduiles) we will build the CSS and templates specific to our demo/showcase theme according to those standards as well.

Ohm has been included as part of the official Omega 4.x theme package since omega 7.x-4.0-beta5 (2013-07-13),



Gridly is a minimal & responsive Omega 4 subtheme. It is distributed as an install profile with all non-visual functionality provided as features. The theme is ideal for graphic designers or photographers or people who wish to publish a very visual/photo orientated website.


Subscribe with RSS Subscribe to RSS - omega 4.x