CSS frameworks

The “Plone theming suite” includes the following CSS frameworks for Plone supported:

Amazium CSS framework

The diazoframework.amazium package that integrates the Amazium CSS framework into Plone.

About Amazium

Amazium is the responsive web framework. This web framework integrates the following features like theses:

  • 1200 Grid system.
  • Offsetting columns
  • Typography & Bullets
  • Forms & Tables

Todo

TODO this section for Amazium CSS framework

Baseline CSS framework

The diazoframework.baseline package that integrates the Baseline CSS framework into Plone.

About Baseline CSS

Todo

TODO this section for Baseline CSS framework

Bootstrap CSS framework

The diazoframework.bootstrap package that integrates the Twitter Bootstrap CSS framework into Plone.

About Twitter Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

By nerds, for nerds: Built Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web.

Made for everyone: Bootstrap CSS framework was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.

Packed with features: A 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.

Cascade framework

The diazotheme.framework.cascade package that integrates the Cascade framework into Plone.

About Cascade framework

Feature Rich
Semantic and non-semantic grid layouts, base templates, table designs, navigation elements, typography and lots, lots more.
Universal
Build high performance websites in no time for old browers and new browsers alike without worrying about browser quirks.
Atomic
An optimised atomic design gives you full control of the look and feel of your site while keeping code bloat minimal.
Modular
Don’t need certain features? Don’t include them. Unlike other frameworks, you can include only the components you need.

Although the overall look and feel are most definitely inspired by Twitter Bootstrap, Cascade framework is not just another Bootstrap clone. Where Twitter Bootstrap puts its focus on delivering shiny user elements that can be dropped into any project and takes control of your project’s overall look-and-feel, Cascade Framework is intended to do the opposite. By splitting your CSS into separate files based on features rather than selectors as well as by implementing atomic design, Cascade Framework puts you in control!

Also different from Twitter Bootstrap or other CSS Frameworks out there, Cascade Framework can be used for modern browsers and older browsers alike. All features of Cascade Framework support Internet Explorer from IE6 upwards or degrade gracefully. With Cascade Framework you no longer have to choose between supporting only modern browsers or downgrading your design.

Foundation CSS framework

The diazoframework.foundation package that integrates the Zurb Foundation CSS framework into Plone.

About Zurb Foundation CSS

Todo

TODO this section for Zurb Foundation CSS framework

Goldilocks Approach CSS framework

The diazoframework.goldilocks package that integrates the Goldilocks Approach CSS framework into Plone.

About Goldilocks Approach CSS

Todo

TODO this section for Goldilocks Approach CSS framework

Kube CSS framework

The diazoframework.kube package that integrates the Kube CSS framework into Plone.

About Kube CSS

Todo

TODO this section for Kube CSS framework

PureCSS framework

The diazoframework.purecss package that integrates the PureCSS framework into Plone.

About PureCSS

Todo

TODO this section for PureCSS framework

Skeleton CSS framework

The diazoframework.skeleton package that integrates the Skeleton CSS framework into Plone.

About Skeleton CSS

Todo

TODO this section for Skeleton CSS framework