Каковы преимущества Sass перед Stylus?

Question

[darofonom]

Привет. Надоело делать лишние клики из-за пропущенных точек с запятой :)
Настало время выбрать что-то без лишних символов и приучать себя к аккуратности (индентация и тд).

Если с разметкой все понятно, Pug (да, есть еще Haml, знаю), то с CSS не понятно.
Sass или Stylus - что выбрать?
Есть ли какие-то особенности у каждого инструмента, фишки, преимущества? Попробовать каждый не вариант, и так дел не в проворот. Хочется прям с сегодня начать потихоньку внедрять в работу, а не переобуваться на ходу. Прошу мнения тех, кто пробовал оба инструмента. Такой момент - сейчас пишу на SCSS, но особо не использую всю его мощь (наверное 20% от возможностей максимум).

Я дополнительно недавно начал использовать PostCSS с NextCSS, если это имеет значение на выбор.

Answer 1

[Froggyweb]

Под SASS больше готовых решений, Stylus быстрее и абсолютно свободный синтаксис, что иногда плохо. По возможностям наверное одинаковы.

Comments

[darofonom]

Вот кстати про библиотеки под Sass я забыл, это конечно плюс.
А что значит свободный синтакс и чем он плох?

[Froggyweb]

вызов миксинов к примеру я могу сделать миксин font-size, что при беглом просмотре может запутать.

Библиотеки для сеток очень неплохая JEET, остальное либо есть, либо переписывается с SASS.

[darofonom]

Froggyweb: только правильно Sass, создатель очень нервничает когда пишут SASS))

[Froggyweb]

Пусть валерьянку принимает. На телефоне писать капслоком неудобно

[darofonom]

Froggyweb: если неудобно писать капслоком, то зачем ты пишешь капслоком?

Answer 2

[zooks]

Sass круче, особенно в синтаксисе с отступами (.sass).

Comments

[darofonom]

О Sass и речь, не о SCSS. SCSS я и так сейчас использую.
А в чем круче, можно пару примеров для сравнения? Я ж поэтому и тему создал.

[zooks]

https://youtu.be/-Z3qznaE9vc

[darofonom]

zooks: зачем мне сравнение Sass и SCSS?

[zooks]

darofonom: если вы про Sass и Stylus, то все очевидно - посмотрите на синтаксис. Посмотрите на количество пользователей. Sass уже дефакто стандарт. А на Stylus когда-то переходили верстальщики Яндекс.Почты. И то уверен, что сейчас отказались от него. Сравните скорость рендеринга libsass и Stylus - сразу все станет понятно.

[darofonom]

zooks: не смотря на то что Sass якобы дефакто стандарт, я не могу уже 3-й час получить нормальнsq автокомплит Sass в Атоме! Со Stylus тоже проблемы, но Stylus офигенно завелся в Саблайме.

[darofonom]

Сравните скорость рендеринга libsass и Stylus - сразу все станет понятно.

Какая разница в скорости рендеринга? Ну подожду я на 200мс больше, что изменится?

[zooks]

darofonom: поверстайте и увидите, что разница отнюдь не 200мс, а разница в задержке в несколько секунд.

[darofonom]

Да, вижу разницу с SCSS, иногда даже приходится самому обновлять страницу. Пока не понял, критично ли это для меня (я на конвеере не верстаю, да еще и пискель-перфект, тьфу-тьфу).

[darofonom]

Куда больше меня напрягает автокомплит!!! Вы какой препроцессор выбрали, и какой редактор? Очень мне не нравится автокомплит Sass в Атоме.

[darofonom]

При этом Stylus в Саблайме + Hayaku просто вынесли мозг. Фантастика. (с Sass в этом же сетапе не так удобно, вылазят косяки)

[zooks]

darofonom: пробовал Atom - не понравился. Остался на Sublime Text. Можно еще на IDE попробовать вроде PyCharm или PHPStorm, там значения цветов показывает.

[darofonom]

zooks: а что за препроц? Какие плагины нужны для норм аутокомплита?

[zooks]

darofonom: вместо Prepros использую Gulp. Автокомплитом не пользуюсь, поэтому подсказать не смогу.

[zooks]

darofonom: точнее сказать поставил packages Emmet и Sass и использую как есть.