Skip to content

toutpt/plonetheme.responsive1140

Repository files navigation

Introduction

This theme use 1140 css grid system. It use plone.app.theming but it is not 100% diazo compliant because it override globalnav viewlet template.

You can watch a preview on Youtube.

About 1140 CSS grid

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

By Andy Taylor @andytlr

You can get a photoshop template

License: 1140 grid is licensed under Creative Commons Attribution 3.0

The main difference is only on implementation: this theme is based on the framework 1140 where responsivetheme use only mediaqueries.

Credits

Companies

makinacom_

Authors

About

Theme with responsive design using 1140.

Resources

Stars

Watchers

Forks

Packages

No packages published