Rfr rblfnm d pfrkflrb&

Привет, Роман. Помогите пожалуйста. В Вашем примере блок .list смиксован с блоком .list-of-services в котором задано позиционирование flex и justify-content.
Например дана такая разметка
div.content
   div.content__menu
       ul.list.list_of_services
     li.list__item.card
           .card__heading Ремонт Ноутбуков
           .card__icon
     li.list__item.card
           .card__heading Ремонт Ноутбуков
           .card__icon
     li.list__item.card
           .card__heading Ремонт Ноутбуков
           .card__icon
  div.content__slider
   ul.list.list_of_slides
    li.list__item.card
           .card__heading Слайд 1
           .card__icon
    li.list__item.card
           .card__heading Слайд 2
           .card__icon

Нужно в слайдах миксовать блок .list c блоком .list-of-slides например если в слайдах мне нужен flex-direction: column или можно не создавать эти блоки list-of-slides и list-of-styles и задавать позиционирование внутреннее в родительских элементах? Простите что все так криво, с телефона пишу.

list-of-slides и list-of-styles точно не нужны.

Нужно «допросить» эти компоненты и выяснить, кто «назначил» им такой лэйаут (flex-direction: column). Если это свойство «принадлежит» .list_of_slides, то описывать их следует в list_of_slides.css

Нельзя обойтись без list_of_slides и list_of_styles и задавать лэйаут в content__menu и content__slider?

Можно, если лэйаут «диктуется» этими элементами. Но по моему опыту такие классы-хелперы мало помогают — лучше продублировать свойства в css, чем дублировать класс, не имеющий отношения к семантике блока.

То есть в каждом блоке list_of_slides и list_of_styles задать row и column соответственно, так?

Хочу понять как мне использовать блок лист в нескольких местах с разными свойствами

Без дизайна названия классов мне ни о чём н говорят.

Хорошо, спасибо. Доберусь до компьютера и напишу.

Я описываю все необходимые свойства в .list_of_* и .list_of_* .list__item, как привёл в примере на Codepen: https://codepen.io/Realetive/pen/LYZMdWr

А Вам не кажется, что это скорее не кард_айкон, а кард_линк? Или кард_линк_айкон?

Кард_линк_айкон.

Так выходит неправильно по БЭМ

А так - правильно. Но тег nav уже как буд-то не на своем месте...

хотя ладно, в этом случае я могу nav тег повыше использовать... но что если такой возможности не будет потом,эх

Первое меню оно ж может и переехать, это ж блок... Или элемент?

элемент
чуть выше vue компонент который содержит этот элемент

page__header он там называется

Тут кто-нибудь экспериментировал с inline SVG vs css background?
Мне интересно, на сколько много SVG я могу инлайнить в компоненты и на сколько это замедляет загрузку.

По идее, всё это должно ужиматься в gzip и можно инлайнить сколько угодно и не бояться что появится какая-нибудь большая форма, которая будет иметь много текста и html будет долго загружаться (например с мобилок).

Но это только предположение, а я бы хотел послушать о опыте тестирования, о замерах. Мб читали что-то об этом

https://youtu.be/TNX0-JLdM_U   Макеева и вот этих слушал https://youtu.be/af4ZQJ14yu8 но не применял на практике