Mobile

To configure Simple Mobile Redirect go to Administer / Site Configuration
Open the Settings section and input URLs as follows:

For the non-mobile site:
Leave the default which is - /
I'm not sure what the effect of other input might be.

For some or all of the device redirects, input the URL in the format: http://example.com

The instructions at the top of the page say:

Link back to /?nomobi=true to set a cookie to stay on the full version of the site.
Link to /clearsimplemobileredirect to clear the cookie and redirect to Mobile sites.

I am not sure exactly what these instructions mean or how to implement them

Without installing any of the patches listed at https://drupal.org/node/1619732 mobile devices are redirected just once and then go to non-mobile site until the cookie expires.

Documentation is currently in progress. A lot of the pages are just @todo's. Please if you can fill them in as you go.

@see http://drupal.org/node/1902848

Linux

Simply run wvdialconf

Based on above results, here is our modem:

The Breakpoint module keeps track of the height, width, and resolution breakpoints. These breakpoints are where a responsive design needs to change in order to respond to different devices being used to view the site.

The Breakpoints module standardizes the use of breakpoints and enables modules and themes to expose or use each others breakpoints.

Uses

Defining breakpoints

The Breakpoint module can be used by themes and other modules to define breakpoints, which separate the height or width of viewports (screens, printers, and other media output types) into steps. For instance, a width breakpoint of 40em creates two steps: one for widths up to 40em and one for widths above 40em. Breakpoints can be used to define when layouts should shift from one form to another, when images should be resized, and other changes that need to respond to changes in viewport height or width.

Media queries are a formal way to encode breakpoints. For instance, a width breakpoint at 40em would be written as the media query '(min-width: 40em)'. Breakpoints are really just media queries with some additional meta-data, such as a name and multiplier information.

Assigning resolution multipliers to breakpoints

Omega 4.x documentation

Please be patient. Documentation for 4.x will be added as development on the 4.x version continues. Join us in IRC #drupal-omega to express your interest in participating. All are welcome.

Be aware that the 4.x version has no final release, yet. Documentation will likely be scarce until we are closer to a stable release.

Should I use 3.x or 4.x?

Q: Are you new to Drupal?
A: If you answered yes, then use 3.x. It has a stable release, is fully documented and there is a ton of community support available to help you if you have issues.

Q: Are you an expert? Q: Do you like experimental code?
A: If you answered yes and you want to play with the new code then go ahead and give 4.x a spin. The assumption here is that you are aware there is no stable 4.x release. With that in mind, go for it and by all means create issues so we can work to make 4.x ready for prime-time.

This issue is a good description of the changes in 4.x

@TODO - break this down into separate pages.
@ToDo - While most of this is still valid, we need to update this to v3.x.

USEFUL INFORMATION

• Out of the box Sasson will give you a 960 pixel grid system, you may change grid properties in your theme settings.
• Sasson gives you a responsive layout - that means your site adapts itself to the browser it is displayed on. you may set the layout breakpoints or disable this behaviour via theme settings.
• The default responsive layout takes a desktop-first approach, you can go mobile-first with a click in your theme settings.
• New - Sasson can auto-generate image sprites and matching stylesheets out of a directory of images. under your sub-theme's image directory you'll find 3 directories (horz, vert, and smart), all you need to do is put images inside those directory and call them from your Sass file:
  
  @import "sprites/DIRNAME";

.selector {
   @include sprite-DIRNAME-FILENAME;
}