Y
Y
YakovSpb2019-11-08 12:25:18
css
YakovSpb, 2019-11-08 12:25:18

How to name the parents of the BEM block?

5dc5342b4da1e563711756.bin
I can't understand.... What should I attach the block transferred from the main page to the inner page to?
The block should not have padding, positioning, etc. Should the parent have padding, or add a mixin?
I typeset in sections for the chapter. Same way? let's say I have a .tabs-menu block, which is in the sect-secrives section, then I add a mixin. Should I also type in sections on the inner pages? How to correctly translate the tabs-menu block to the internal "Testing" page? And if the sections have the same meaning, but different indents, then wrap the section in sec-servisece-testing? And another question, how to name the submenu?<ul class="tabs-menu sect-services">

<!-- HOME PAGE -->
<header class="header"></header>

<main class="main-content">

  <section class="sect-services">

    <div class="container">
      <div class="row">
        <div class="col-12">

          <ul class="tabs-menu sect-services">
            <li class="tabs-menu__item"><a class="tabs-menu__link"href="##">Метрология</a>
              <ul class="tabs-menu__submenu">
                <li><a href="">Проверка</a></li>
                <li><a href="">Калибровка</a></li>
                <li><a href="">Аттестация методик (методов) измерений, метрологическая экспертиза документов</a></li>
                <li><a href="">Испытания средств измерений в целях утверждения типа</a></li>
                <li><a href="">Метрологический контроль систем измерения параметров транспортных средств в движении</a></li>
              </ul>
            </li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">Испытание</a></li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">Подтверждение соответствия</a></ul></li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">>Аттестация испытательного оборудования</a></li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">Оценка состояния измерений</a></li>
          </ul>		

        </div>
      </div>
    </div>


  </section>

</main>

<footer class="footer"></footer>




<!-- PAGE TESTING PROGUDCT -->

<header class="header"></header>

<main class="main-content">

  <section class="sect-testing">
    <div class="container">
      <div class="row">
        <div class="col-12">

          <ul class="tabs-menu sect-testing">
            <li class="tabs-menu__item"><a class="tabs-menu__link"href="##">Метрология</a>
              <ul class="tabs-menu__submenu">
                <li><a href="">Проверка</a></li>
                <li><a href="">Калибровка</a></li>
                <li><a href="">Аттестация методик (методов) измерений, метрологическая экспертиза документов</a></li>
                <li><a href="">Испытания средств измерений в целях утверждения типа</a></li>
                <li><a href="">Метрологический контроль систем измерения параметров транспортных средств в движении</a></li>
              </ul>
            </li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">Испытание</a></li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">Подтверждение соответствия</a></ul></li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">>Аттестация испытательного оборудования</a></li>
            <li class="tabs-menu__item"><a class="tabs-menu__link tabs-menu__link--active" href="">Оценка состояния измерений</a></li>
          </ul>
          
        </div>
      </div>
    </div>
    


  </section>

</main>

<footer class="footer"></footer>

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question