Разница между компасом и sass? - PullRequest
Новая
       6

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

47 голосов
/ 05 ноября 2010

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

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

Ответы [ 4 ]

79 голосов
/ 08 ноября 2010

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

20 голосов
/ 11 мая 2014

В целом: «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 - один из наиболее часто используемых инструментов для работы в крупных проектах по разработке интерфейсов.

14 голосов
/ 12 мая 2012

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

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

С сайта :

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

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

7 голосов
/ 17 февраля 2015

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

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

h2 {
  color: red;
}

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

h2 
  color: red

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

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

...