Primary tabs

Experimental Project

This is a sandbox project, which contains experimental code for developer use only.

The maintainers of the Gumby framework moved on, so we have no choice but to deprecate this theme.

Gumby for Drupal uses the Awesome Gumby 2.6 framework.

Now powered by Drupal and made awesome with Panels and Panopoly

Features

Drupal Integration

Gumby for Drupal comes with Panels Everywhere support and can be used as a base theme for Panopoly, for out of the box user focused responsive websites. Built with Sass and Compass, G4D makes it easy to build powerful, flexible themes with Panels.

Syntactically Awesome

Gumby 2 is built with the power of Sass. Sass is a powerful CSS preprocessor which allows us to develop Gumby itself with much more speed — and gives you new tools to quickly customize and build on top of the Gumby Framework.

Brilliantly Flexible

Gumby 2 is an amazing responsive CSS Framework. Websites built today must be mobile friendly in order to survive. Why have two different sites for mobile and desktop when you can have your main site be one size fits all? Gumby Framework is also incredibly customizable; it’s as easy as download, tweak, deploy!

Insanely Simple

Customizing Gumby to fit the needs of your project has never been easier. Changing the entire design of our UI kit is as simple as changing a few Sass variables and assigning the appropriate classes to your markup structure!

The Grid

Gumby Framework includes multiple types of grids with different column variations which enables you to be flexible throughout an entire project's lifecycle. From concept to deployment, Gumby Framework follows your lead.

UI Kit.

We've been hard at work since Gumby v1 to bring you a new style for our UI kit. It's now much cleaner and easier to use. ​Oh, but it is weary Internet traveler. Come in, read our freshly baked docs and learn all about Learn more about it in our docs.

Toggles & Switches.

Gumby's new Toggles and Switches are simple to implement and ​use. ​Toggles and Switches are also mobile-friendly to tap events. They won't slow down your pages. No bloat here. toggles and switches..

Fancy Tiles.

Stand aside grid, let me drop some knowledge on you. Fancy Tiles give developers the keys to a more custom responsive layout. It allows you to specify the way columns will respond on different devices. Get started with Fancy Tiles in our docs section. Fancy Tiles in our docs section .

Shuffle.

Your perfect grid layout may look great on desktop, but what if you want the columns to stack in a different order on mobile? Sure, you can use floats within media queries but that can get real ugly, real fast. The Shuffle extension is here to save the day; And your layout too.

Responsive Images.

One mistake people often make in responsive web applications is serving one large image too all clients and scaling it down in CSS. This is bad news for performance, wasted bytes are being sent down the tubes and costing your users patience and oftentimes money!

Requirements

SASS and Compass installed in your development environment, alternately use something like Sassy. Panels, Gumby for Drupal comes complete with many prebuilt Panels layouts, so we recommend using panels. jQuery 1.9+ - Gumby requires a minimum jQuery version of 1.9 or higher. The preferred method to accomplish this task is to install the jQuery Update (version 7.x-2.x dev version) module. NOTE: If using jQuery Update, you must also configure the jQuery Update setting to this version after it is installed.

Installation

Install the Gumby in sites/all/themes or a similar sites/*/themes folder. Ensure that jQuery has been configured to meet Gumby's minimum 1.9 or higher version requirement.