31
Коротко про SASS та Drupal теми

DrupalTour. Vinnytsia — SASS and Drupal themes (Olexander Kuzava, InternetDevels)

Embed Size (px)

Citation preview

Коротко про SASS таDrupal теми

600 Days with Drupal and SASS

What is SASS?

Syntactically

Awesome

Style

Sheets

Syntax of SASS

Review problems of CSS

1. Number of rows with code

Big Project

~30 000

rows

Use @extend .base-classas solution. #1 Example

2 31

Like

Use @extend .base-class#2 Example

2. Slow workflow

#1 Example. Use @mixins

#2 Example. Use Compass

Use LiveReload with Compass

3. Missing architecture

#1 Example. Only one big CSS file

style.css

NO!!!

#1 Example. Use @import

A few features with SASS

Use $variables

Use @function

SASS used in a few frameworksFor example Rebar.io

Desktop

Mobile

Tablet

Drupal Themes

Popular Drupal Themes

Architecture of Drupal Theme

Engine Base theme Sub-theme

Important files

*.info template.php *.tpl.php

Create own Theme

*.info file

*.info

*.tpl.php file

*.tpl.php

Use Drush for creating Omega sub-theme

drush omega-wizard

OR

drush omega-subtheme "My Theme"

Enjoy your day!