Sass has been revolutionary in accelerating Drupal front-end development, but also presents a new set of different problems. These issues are exponentially compounded when multiple teams are working synonymously on massive builds. While compiled CSS is a flat language, there are many techniques of component-based that are vital to faster development on a performant site. Developing a component-driven theme doesn't solely lean on organizing according to the SMACSS methods, there are just as many considerations in taking charge of your rendered markup and bending Drupal accordingly.

In this session we will not only take you thru the proper concepts of building components, but granular examples of implementation of:

  • Using Sass to decouple your layout from styles schemes
  • Custom theme hooks to maintain consistency in markup
  • Using preprocess conditionals to stub out better classes
  • Appropriate Sass nesting methods to prevent code bloat