Не компилируется SASS, при пути в @extend .selector ul li ... Как исправить?

Question

[alexfrolov_xcx]

Всем доброго времени суток! Суть вопроса:
хочу унаследовать свойства класса через @extend....
При: .info__line__navigation
display: inline-block
.social_media ul li
@extend .info__line__navigation
всё происходит нормально, но когда я добовляю в @extend путь из ul li то вылетает ошибка:
.info__line__navigation ul li
display: inline-block
.social_media ul li
@extend .info__line__navigation ul li

Comments

[Сергей delphinpro]

Потому что так делать нельзя. Исправляется методом написания правильного кода =)

Answer 1

[Elwen]

Sass не может экстендить наследственные стили.
Вы можете вынести общие стили в плейсхолдер (или миксин) и экстендить его к обоим элементам:

%li_style
  display: inline-block
.info__line__navigation ul li
  @extend %li_style
.social_media ul li
  @extend %li_style

Comments

[zooks]

именно так