Коротко про SASS таDrupal теми
600 Days with Drupal and SASS
What is SASS?
Syntactically
Awesome
Style
Sheets
Review problems of CSS
1. Number of rows with code
Big Project
~30 000
rows
Use @extend .base-classas solution. #1 Example
2 31
Use @extend .base-class#2 Example
#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
SASS used in a few frameworksFor example Rebar.io
Desktop
Mobile
Tablet
Popular Drupal Themes
Architecture of Drupal Theme
Engine Base theme Sub-theme
Important files
*.info template.php *.tpl.php
*.info file
*.info
*.tpl.php file
*.tpl.php
Use Drush for creating Omega sub-theme
drush omega-wizard
OR
drush omega-subtheme "My Theme"