SASS (Syntactically Awesome Style Sheets) is a CSS preprocessor that allows for variables, nested rules, mixins, and more. It can help with issues like large CSS files by breaking them into smaller partials and using inheritance. Popular Drupal themes like Omega use SASS and an architecture with base and sub-themes. Creating a new Drupal theme involves key files like .info and .tpl.php template files. The Drush command line tool can help generate a sub-theme skeleton.

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

2. 600 Days with Drupal and SASS

3. What is SASS?
Syntactically
Awesome
Style
Sheets

4. Syntax of SASS

5. Review problems of CSS

6. 1. Number of rows
with code

7. Big Project
~30 000
rows

8. Use @extend .base-class
as solution. #1 Example
2 31

9. Like

10. Use @extend .base-class
#2 Example

11. 2. Slow workflow

12. #1 Example. Use @mixins

13. #2 Example. Use Compass

15. Use LiveReload with Compass

16. 3. Missing architecture

17. #1 Example. Only one big CSS file
style.css
NO!!!

18. #1 Example. Use @import

19. A few features with SASS

20. Use $variables

21. Use @function

22. SASS used in a few frameworks
For example Rebar.io
Desktop
Mobile
Tablet

23. Drupal Themes

24. Popular Drupal Themes

25. Architecture of Drupal Theme
Engine Base theme Sub-theme

26. Important files
*.info template.php *.tpl.php

27. Create own Theme

28. *.info file
*.info

29. *.tpl.php file
*.tpl.php

30. Use Drush for creating
Omega sub-theme
drush omega-wizard
OR
drush omega-subtheme "My Theme"

31. Enjoy your day!