Size: a a a

CSS — русскоговорящее сообщество

2020 April 19

V

V L A S O V in CSS — русскоговорящее сообщество
У нас на проекте именно такой подход и используются. Не испытываю трудностей
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Я бы с такими работать не хотел, для них важнее выпендриться, чем решить задачу.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
V L A S O V
У нас на проекте именно такой подход и используются. Не испытываю трудностей
Окей, я у вас и не работаю.
источник

V

V L A S O V in CSS — русскоговорящее сообщество
Переменная всегда одна и только для компонента
источник

V

V L A S O V in CSS — русскоговорящее сообщество
Пример как "не правильно" ты написал. А как правильно - нет
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Я сказал: я разделю все это на отдельные определения. С мобилы большего я писать не хочу.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Амперсанд использую по-минимуму
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Только для состояний, псевд и модификаторов.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Модификаторы при этом в западной нотации (два дефиса)
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
И уж точно не стану ссылаться на родителя через переменную. Хотя прекрасно понимаю как это работает.
источник

FB

Furrya Black in CSS — русскоговорящее сообщество
V L A S O V
Пример как "не правильно" ты написал. А как правильно - нет
Смысл в том чтобы не писать n+1 раз .block-element, а писать #{$p}-element?
Ты видишь разницу? я нет.
имхо лучше ctrl+f по файлу стилей компонента, чем еще и держать в уме, что переменная ссылается на амперсанд который ссылается на блок.
Читаемость в данном случае важнее помоему.
источник

A

Alex 📱 in CSS — русскоговорящее сообщество
с
#{$p}-element
читаемость такто выше
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Alex 📱
с
#{$p}-element
читаемость такто выше
Нет
источник

A

Alex 📱 in CSS — русскоговорящее сообщество
Ну кому как
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Допиши полноценный компонент, а потом вернись к этому.
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Sergey Bekharsky
.Block {
 $p: &;
 &-element { /* */ }

 &--modifier {
   #{$p}-element { /* */ }
 }
}
Сложна
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Дала, кому как. Выглядит круто, я не спорю. Но ты сначала проект доведи до конца, а потом вернись и попробуй вспомнить что у тебя что.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Write-only код такое называется.
источник

A

Alex 📱 in CSS — русскоговорящее сообщество
тогда зачем вообще
&
использовать
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Я выше написал, тред не читай
источник