Всем привет! Илья (или кто-то другой, кто в теме), подскажите

Question

Всем привет! Илья (или кто-то другой, кто в теме), подскажите

плиз. Перед нг я задавала вопрос, что при разворачивании проект ругается на синтаксис @extend .some-class в scss. Илья тогда сказал, что синтаксис устаревший и его лучше выпилить. Сейчас мне дали добро на это. Какая лучшая альтернатива? Желательно стейбл для разных версий ноды, т.к. как вариант мне предложили понизить аж до 10-ки, поэтому представляю, что там может быть у других членов команды

#programming #russian #vue.js

0

12.01.2022

12 ответов

25 просмотров

Tatiana Fomicheva Автор вопроса

Anton Permyakov
проще всего вынести повторяющуюся часть в миксин

да, наверное, спасибо!

0

12.01.2022

Vitaly Slobodin

Миксины. Он не устаревший, а работает не так как называется, что вводит в заблуждение разработчиков и офф позиция scss мейнтейнеров - не трогайте extend от греха подальше.

0

12.01.2022

Tatiana Fomicheva Автор вопроса

Vitaly Slobodin
Миксины. Он не устаревший, а работает не так как н...

интересно)))

0

12.01.2022

Vitaly Slobodin

Tatiana Fomicheva
интересно)))

https://docs.gitlab.com/ee/development/fe_guide/style/scss.html#using-extend-at-rule

0

12.01.2022

Tatiana Fomicheva Автор вопроса

Vitaly Slobodin
https://docs.gitlab.com/ee/development/fe_guide/st...

Спасибо!

0

12.01.2022

And Smi

Vitaly Slobodin
Миксины. Он не устаревший, а работает не так как н...

Здравствуйте, а можете пояснить пжл что значит "работает не так как называется"? Он называется расширитель, и в приведенной вами ссылке я в сасс доке наткнулся что он работает так как если бы мы добавили класс-расширитель к самому тегу, то есть если к .msg сделать extend .info, .yt, то это было бы равнозначно как <el class="msg info yt">, разве это не работает так же как он называется?

0

12.01.2022

Vitaly Slobodin

And Smi
Здравствуйте, а можете пояснить пжл что значит "р...

Там же все написано. Пишут extend, а в голове срабатывает inherit по одному селектору.

0

12.01.2022

Vitaly Slobodin

Vitaly Slobodin
Там же все написано. Пишут extend, а в голове сраб...

Я в доку специально и добавил пример Bad/Good. Обычно разработчик при extend желает вариант Good, но extend выдаст ему Bad.

0

12.01.2022

And Smi

Vitaly Slobodin
Я в доку специально и добавил пример Bad/Good. Обы...

Про это понятно, я имел ввиду это https://sass-lang.com/documentation/breaking-changes/extend-compound . Тут явно указано как он работает, как тут можно ожидать другое? Либо я чего-то не понимаю

0

12.01.2022

Vitaly Slobodin

And Smi
Про это понятно, я имел ввиду это https://sass-la...

Там явно указано, да, но достаточно спросить разработчиков про работу extend. Результаты будут неожиданные.

0

12.01.2022

And Smi

Vitaly Slobodin
Там явно указано, да, но достаточно спросить разра...

Понял, спасибо) в любом случае екстендить сами классы я не пробовал только классы-заполнители)

0

12.01.2022