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

Ответ 1

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

Ответ 2

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

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

Ответ 3

Я дал ответ TL;DR:

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

На веб-сайт:

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

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

Ответ 4

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

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

h2 {
  color: red;
}

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

h2 
  color: red

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

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