Basic

Basic boasts a clean HTML5 structure with extensible CSS classes and ID's for unlimited theming possibilities as well as a top-down load order for improved SEO. It is fully responsive out-of-the-box and provides an adaptive, elegant, SASS based grid system (Bourbon Neat).

Basic's goal is to provide themers the building blocks needed to get their designs up and running quickly and simply.

Basic is perfect if you want a simple, smart, and flexible theme starter.

Notice: The Drupal 5 and 6 version of Basic is not under active development and no new features will be added to this branch. New features will only be added to Drupal 7 and 8 versions.

Main Features

• Very simple and easy-to-modify architecture
• Responsive out-of-the-box
• SASS ready with Bourbon mixin library
• Grid Framework provided by Bourbon Neat
• Block Editing links
• Theme Registry Rebuild
• Page template options
• SEO-friendly and easy-to-modify layout
• IE Browser debug support
• Great class system for body, node, blocks, comments, navigation, list items ...
• ...and more

Use Basic with SASS and Bourbon

Basic's CSS files have been compiled with a preprocessing language called SASS (Syntactically Awesome Stylesheets). For more information on SASS, visit http://sass-lang.com/

We also utilize Bourbon, a comprehensive library of sass mixins that are designed to be simple and easy to use. No configuration required.
The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible.

Compass Support

Note: Compass support has been removed in 7.x-3.x branch in favour of using Bourbon.

Compass is a stylesheet authoring tool that uses the Sass stylesheet language to make your stylesheets smaller and your web site easier to maintain. Compass provides ports of the best of breed css frameworks that you can use without forcing you to use their presentational class names. It’s a new way of thinking about stylesheets that must be seen in action!

To download and use along-side Drupal, please download the Compass module: http://drupal.org/project/compass

How to use Basic with Compass

Please read tutorial/documentation here: http://thejibe.com/blog/11/1/getting-started-basic-sass-and-compass-drupal

Build a Module.com Tutorials

Want to learn a bit more about how Basic works? Check out these videos!

• Learning from the Basic theme file structure
• Review of the Basic and Fusion CSS file structures

What Sites run on Basic?

• Mac's Convenience Stores
• The Jibe Multimedia, Inc.
• Build a Module.com
• SPIN Magazine
• Namaste Publishing
• NBG Finance
• ...and more
• Contact me to add to the list!

Maintainers

• Steve Krueger - The Jibe Multimedia, Inc.

Downloads