adug - may 2014 - theming in drupal using sass

14
THEMING IN DRUPAL USING sass Eric Scott Sembrat Atlanta Drupal Users Group May 2014

Upload: eric-sembrat

Post on 05-Dec-2014

291 views

Category:

Education


3 download

DESCRIPTION

A workshop on building a Sass-ready theme in Drupal.

TRANSCRIPT

Page 1: ADUG - May 2014 - Theming in Drupal using Sass

THEMING IN DRUPAL USINGsassEric Scott SembratAtlanta Drupal Users Group

May 2014

Page 2: ADUG - May 2014 - Theming in Drupal using Sass

About Myself

Page 3: ADUG - May 2014 - Theming in Drupal using Sass

Requirements

Laptop or ComputerVirtual Drupal Installation

Sass App (Compass, Scout)

Starter Drupal Theme

Page 4: ADUG - May 2014 - Theming in Drupal using Sass

Requirements

Page 5: ADUG - May 2014 - Theming in Drupal using Sass

Requirements

If you forgot anything, you can use Sassmeister!

www.sassmeister.com

Page 6: ADUG - May 2014 - Theming in Drupal using Sass

Introduction

Page 7: ADUG - May 2014 - Theming in Drupal using Sass

Introduction

This is how writing CSS

makes me feel.

Page 8: ADUG - May 2014 - Theming in Drupal using Sass

Introduction

Page 9: ADUG - May 2014 - Theming in Drupal using Sass

Introduction

This is how writing Sass

makes me feel.

Page 10: ADUG - May 2014 - Theming in Drupal using Sass

What is Sass?

Sass is the most mature, stable, and powerful

professional grade CSS extension language in

the world.

“ “”

Page 11: ADUG - May 2014 - Theming in Drupal using Sass

What are we going to cover?

Page 12: ADUG - May 2014 - Theming in Drupal using Sass

What are we going to cover?

Variables and Data TypesMixins and Chunking

Nesting & Partials

Page 13: ADUG - May 2014 - Theming in Drupal using Sass

Let’s Get Started!

Page 14: ADUG - May 2014 - Theming in Drupal using Sass

Let’s Get Started!

See my other talks on Sass at:

http://www.slideshare.net/webbeh/sass-32123141http://www.slideshare.net/webbeh/sasskey

http://www.slideshare.net/webbeh/gtdug-april2013sass-reduced