Skip to main content
Foster Interactive
Foster Interactive
Main navigation
  • Blog
Contact
Address

Foster Interactive Inc.

80 Ward St. Office #213

Toronto, Ontario

M6H 4A6 Canada

Phone

t: 416.922.4255

f: 647.689.2037

Email

info@fosterinteractive.com

Twitter
Linkedin
Drupal 7
May 7, 2014

Responsive Theming with Aurora, SASS & BEM Syntax

by Aidan Foster
Share:
Share With ShareThis

Front-end web design has become a lot more complicated in the last few years and our trusty old css + text editor doesn't really cut it for modern web design. We'll review creating responsive themes using the Aurora base theme which provides a quick way to spin up a whole package of front end workflow tools to allow SASS 3.3, Compass, and Grunt to help us make complex websites faster. We'll also review file structures for organizing our SASS files using the BEM syntax which is a system for organizing and naming our CSS components so we don't descend into madness when we need to create .ever .more .specific #selectors .that #drupal .likes-to-make which is very !important

 

 

Drupal 7(5) Drupal 8(2) Responsive Design(6) SASS(1) Workflows(2)
Top
Aidan Foster info@fosterinteractive.com 416.922.4255 Aidan Foster
@finteractive

Aidan is actively involved in the open-source software Drupal community and speaks regularly at web design events about responsive design. Aidan has over 10 years experience in web design and has worked in a wide range of sectors including resource, legal and financial services.

Aidan is the vice president of the Toronto Drupal user group and runs the SASS Toronto Meetup and has been running a web shop since 2002.


Linkedin Profile

Twitter
Linkedin

©2015 Foster Interactive