Разница между компасом и sass?

Question

Я знаю, что это глупый вопрос, но я искал в Google и не могу найти ответов: / Так в чем разница между SASS и Compass, SASS и SCSS?Меня это очень смущает.

Спасибо за любую информацию:)

Answer 1

С риском упрощения, Compass является основой, а Sass является абстракцией языка. Вы пишете код Sass (и компилируете его в стандартный CSS) в контексте Compass. SCSS - это просто самый последний синтаксис языка Sass. Насколько я могу судить, он был создан с единственной целью быть более похожим на CSS в своем синтаксисе. Весь синтаксический сахар Sass, но более знакомый разработчикам интерфейса, знакомым с CSS.

Answer 2

В целом: «Sass» - это имя препроцессора css. Это означает: полезный инструмент для разработчиков для написания кратких форм заполнителей, которые автоматически компилируются в обычный код css.У Sass есть два разных способа написания краткого кода: SCSS и SASS.Разница между SCSS и SASS очень проста: SCSS - это обычный CSS с дополнительными функциями.Каждый файл CSS может быть переименован в .scss и будет проверен.SASS использует более короткую форму письма, пропуская все фигурные скобки.Чтобы преобразовать файл .css в действительный файл .sass, вам нужно изменить код CSS.

Compass - это так называемая платформа CSS, которая управляется с помощью инструментов командной строки.Compass поддерживает разработку, предоставляя предопределенные функции, миксины и так далее, чтобы ускорить кодирование и предотвратить ошибки при написании.например, компас позволяет вам вызывать box-shadow со всеми полифиллами, просто написав "@include box-shadow ();".весь css-код добавляется самим компасом при компиляции файла с использованием «compass compile».Compass - один из наиболее часто используемых инструментов для работы в крупных проектах по разработке интерфейсов.

Answer 3

Я предоставил ответ TLDR:

Компас - это, по сути, библиотека SASS. Он использует сырой язык sass и создает общие многократно используемые функции.

С сайта :

Компас использует Sass.

Sass - это расширение CSS3, которое добавляет вложенные правила, переменные, mixins, селектор наследования и многое другое. Sass генерирует хорошо отформатированные CSS и упрощает организацию и поддержку ваших таблиц стилей.

Answer 4

Compass - это фреймворк, созданный с помощью Sass.Другие популярные Sass-фреймворки: Bourbon и Susy .Это означает, что все эти фреймворки написаны на Sass.Они просто имеют предопределенные функции и миксины, которые можно использовать для ускорения рабочего процесса.

SCSS (Sassy Sass) - это просто новый синтаксис Sass.Использует CSS-синтаксис.Например:

h2 {
  color: red;
}

С другой стороны, Sass использует менее «строгий» синтаксис:

h2 
  color: red

Обратите внимание, что не используются скобки и точки с запятой.Кроме того, вы должны использовать отступы.

Чтобы подвести итог, какую платформу или какой синтаксис Sass вы будете использовать, это ваш выбор!