Chapter 4. Responsive Theming With Aurora
Drupal theming trends have slowly but surely been keeping up with the rest of the frontend world, and one of the leaders of this movement is Sam Richard (aka Snugug) and his Aurora theme. Aurora integrates Sass and Compass into a Drupal theming workflow, and is optimized for mobile-first and responsive design.
Beyond that, it’s fairly minimal as base themes go—it basically integrates Sass and Compass into Drupal, sets up a code structure for your Sass, and leaves the rest of the decisions up to you.
In this chapter, we’ll put the Sass and Compass intro from the last chapter to good use by walking through the setup and configuration of both the theme itself and a Sass/Compass theming development environment. We’ll be touching the command line a bit, but don’t fret, it’s very simple.
Pros and Cons
Aurora is nice because it’s a nimble, lightweight theme with just enough functionality to make you feel like you’re not missing out. It sets you up with Sass/Compass and gives you some starter variables and a Sass grid system (Singularity, which we’ll get to later) but doesn’t hand you a bulky UI for managing layouts or anything like that.
Aurora also gives you the power of the absolute latest and greatest frontend tools. You get Sass/Compass complete with a bunch of useful plug-ins, Bower for package management and Grunt for task management (complete with “Sass compiling, JS hinting, Image Optimization, and app-free live reloading out of the box”), as ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access