SCSS

Является препроцессором для css.

SCSS можно назвать расширением css. Он привносит такие вещи как

• переменные. Вы можете в одном месте определить, например, цвет границы в переменную $border-color, а затем использовать эту переменную в нужных стилях. Это позволит Вам проще модифицировать стили, вспоминая в в каких местах вы использовали данный цвет, а поменять его в одном месте.
• каскадное вложение. Эта техника позволяет вкладывать стилевые описания классов в другие классы, делая каскадные стили более наглядными.
• примеси (микисины). Это вспомогательные минифункции, которые упрощают жизнь верстальщика и позволяют делать кроссбраузерную верстку проще.

Подробнее подробная документация по SCSS

Compas

Является библиотекой миксинов для SCSS, содержащая в себе множество готовых решений для кроссбраузерных стилей.

Применение compas позволяет одной строчкой прописать вендорные стили, произвести стилизацию блоков, правильно сформировать стилевые свойства.

Для его подключения необходимо в начале файла стилей scss прописать строчку @import "compass";

Подробнее о Compas можно прочитать здесь.

Все выше описанные техники возможно использовать в любом шаблоне.