fixed styles issue

config.js

@@ -4,6 +4,8 @@ let config = {
   notGetBlocks: ["blocks-demo.html"],
   ignoredBlocks: ["no-js"],
   alwaysAddBlocks: [
+    "page-header",
+    "page-footer",
     // 'sprite-svg',
     // 'sprite-png',
     // 'object-fit-polyfill',
@@ -19,7 +21,7 @@ let config = {
   ],
   addJsAfter: ["./script.js"],
   addAssets: {
-    "src/img/demo-*.{png,svg,jpg,jpeg}": "img/",
+    "src/img/demo-*.{png,svg,jpg,jpeg,svg}": "img/",
     "src/fonts/Rosatom-Italic.ttf": "fonts/",
     "src/fonts/Rosatom-Light.ttf": "fonts/",
     "src/fonts/Rosatom-Regular.ttf": "fonts/",

src/blocks/page-footer/img/logo.svg

+<svg width="152" height="67" viewBox="0 0 152 67" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M86.6 24.16H88.76C89.88 24.16 90.7267 23.9333 91.3 23.48C91.8867 23.0267 92.18 22.3333 92.18 21.4C92.18 20.44 91.8867 19.7467 91.3 19.32C90.7267 18.8933 89.88 18.68 88.76 18.68H86.6V24.16ZM86.6 31H84.8V17H88.92C89.72 17 90.4333 17.0867 91.06 17.26C91.7 17.42 92.2467 17.68 92.7 18.04C93.1533 18.4 93.5 18.8533 93.74 19.4C93.98 19.9467 94.1 20.6 94.1 21.36C94.1 22.8133 93.6267 23.9267 92.68 24.7C91.7467 25.46 90.44 25.84 88.76 25.84H86.6V31ZM103.556 27.26H97.5761L96.2161 31H94.3961L99.7361 17H101.536L106.776 31H104.896L103.556 27.26ZM98.1561 25.62H102.976L100.636 19.04H100.556L98.1561 25.62ZM121.253 34.12H119.453V31H110.073V34.12H108.273V29.32H109.653C110.066 28.6 110.393 27.8267 110.633 27C110.886 26.16 111.079 25.2733 111.213 24.34C111.359 23.3933 111.459 22.4133 111.513 21.4C111.579 20.3867 111.626 19.34 111.653 18.26L111.693 17H119.653V29.32H121.253V34.12ZM117.853 29.32V18.68H113.353C113.353 18.72 113.346 18.7933 113.333 18.9C113.333 18.9933 113.333 19.0933 113.333 19.2C113.333 19.3067 113.326 19.4067 113.313 19.5C113.313 19.5933 113.313 19.66 113.313 19.7C113.273 20.5667 113.213 21.44 113.133 22.32C113.066 23.2 112.959 24.06 112.813 24.9C112.679 25.7267 112.506 26.52 112.293 27.28C112.079 28.0267 111.813 28.7067 111.493 29.32H117.853ZM129.777 29.52C131.097 29.52 132.13 29.06 132.877 28.14C133.637 27.2067 134.017 25.8267 134.017 24C134.017 23.04 133.91 22.2133 133.697 21.52C133.497 20.8267 133.204 20.2533 132.817 19.8C132.43 19.3467 131.957 19.0133 131.397 18.8C130.85 18.5867 130.23 18.48 129.537 18.48C128.924 18.48 128.35 18.5933 127.817 18.82C127.284 19.0467 126.824 19.3867 126.437 19.84C126.05 20.2933 125.744 20.8667 125.517 21.56C125.29 22.2533 125.177 23.0667 125.177 24C125.177 24.92 125.284 25.7267 125.497 26.42C125.724 27.1133 126.037 27.6933 126.437 28.16C126.837 28.6133 127.317 28.9533 127.877 29.18C128.45 29.4067 129.084 29.52 129.777 29.52ZM129.597 31.2C128.624 31.2 127.744 31.0333 126.957 30.7C126.184 30.3667 125.517 29.8933 124.957 29.28C124.41 28.6533 123.99 27.8933 123.697 27C123.404 26.1067 123.257 25.1067 123.257 24C123.257 22.88 123.41 21.88 123.717 21C124.024 20.1067 124.45 19.3533 124.997 18.74C125.557 18.1133 126.224 17.6333 126.997 17.3C127.77 16.9667 128.617 16.8 129.537 16.8C130.577 16.8 131.49 16.98 132.277 17.34C133.077 17.6867 133.744 18.18 134.277 18.82C134.824 19.4467 135.237 20.2067 135.517 21.1C135.797 21.98 135.937 22.9467 135.937 24C135.937 25.1867 135.777 26.2333 135.457 27.14C135.137 28.0333 134.697 28.78 134.137 29.38C133.577 29.98 132.91 30.4333 132.137 30.74C131.364 31.0467 130.517 31.2 129.597 31.2ZM149.815 31H148.015V24.56H140.935V31H139.135V17H140.935V22.92H148.015V17H149.815V31Z" fill="#1A1A1A"/>
+<path d="M86.795 47.437H87.861C88.4503 47.437 88.9097 47.3243 89.239 47.099C89.5683 46.865 89.733 46.5053 89.733 46.02C89.733 45.5087 89.5727 45.149 89.252 44.941C88.9313 44.7243 88.472 44.616 87.874 44.616H86.795V47.437ZM86.834 52H84.884V42.9H88.017C88.589 42.9 89.1047 42.9607 89.564 43.082C90.0233 43.2033 90.4133 43.3897 90.734 43.641C91.0633 43.8837 91.3147 44.2 91.488 44.59C91.6613 44.9713 91.748 45.422 91.748 45.942C91.748 46.4533 91.657 46.9083 91.475 47.307C91.3017 47.7057 91.046 48.0437 90.708 48.321C90.37 48.5897 89.9583 48.7977 89.473 48.945C88.9877 49.0837 88.4417 49.153 87.835 49.153H86.834V52ZM97.5847 50.44C97.914 50.44 98.2174 50.3793 98.4947 50.258C98.772 50.1367 99.0104 49.9547 99.2097 49.712C99.409 49.4607 99.5607 49.1487 99.6647 48.776C99.7774 48.4033 99.8337 47.9613 99.8337 47.45C99.8337 46.4187 99.617 45.6647 99.1837 45.188C98.7504 44.7027 98.1784 44.46 97.4677 44.46C97.147 44.46 96.8437 44.5207 96.5577 44.642C96.2804 44.7633 96.0377 44.9497 95.8297 45.201C95.6217 45.4437 95.457 45.7557 95.3357 46.137C95.223 46.5097 95.1667 46.9473 95.1667 47.45C95.1667 47.9613 95.2274 48.4033 95.3487 48.776C95.4787 49.1487 95.652 49.4607 95.8687 49.712C96.0854 49.9547 96.341 50.1367 96.6357 50.258C96.9304 50.3793 97.2467 50.44 97.5847 50.44ZM97.5197 52.156C96.861 52.156 96.2587 52.0563 95.7127 51.857C95.1754 51.649 94.7117 51.3457 94.3217 50.947C93.9317 50.5483 93.6284 50.0587 93.4117 49.478C93.2037 48.8887 93.0997 48.2127 93.0997 47.45C93.0997 46.6873 93.208 46.0157 93.4247 45.435C93.65 44.8457 93.9577 44.3517 94.3477 43.953C94.7377 43.5543 95.197 43.2553 95.7257 43.056C96.263 42.848 96.8437 42.744 97.4677 42.744C98.1697 42.744 98.7937 42.8523 99.3397 43.069C99.8944 43.2857 100.358 43.5977 100.731 44.005C101.112 44.4037 101.402 44.8977 101.602 45.487C101.801 46.0677 101.901 46.722 101.901 47.45C101.901 48.256 101.788 48.958 101.563 49.556C101.346 50.1453 101.038 50.635 100.64 51.025C100.25 51.4063 99.786 51.6923 99.2487 51.883C98.72 52.065 98.1437 52.156 97.5197 52.156ZM110.502 51.636C110.381 51.6967 110.246 51.7573 110.099 51.818C109.96 51.8787 109.791 51.935 109.592 51.987C109.401 52.039 109.176 52.078 108.916 52.104C108.665 52.1387 108.374 52.156 108.045 52.156C107.352 52.156 106.719 52.0563 106.147 51.857C105.584 51.6577 105.098 51.3673 104.691 50.986C104.292 50.596 103.98 50.115 103.755 49.543C103.538 48.971 103.43 48.3123 103.43 47.567C103.43 46.787 103.538 46.098 103.755 45.5C103.98 44.8933 104.301 44.3863 104.717 43.979C105.133 43.5717 105.636 43.264 106.225 43.056C106.823 42.848 107.495 42.744 108.24 42.744C108.734 42.744 109.176 42.7873 109.566 42.874C109.965 42.9607 110.285 43.0603 110.528 43.173L110.099 44.811C109.822 44.7157 109.54 44.6463 109.254 44.603C108.968 44.5597 108.721 44.538 108.513 44.538C108.062 44.538 107.651 44.5943 107.278 44.707C106.914 44.8197 106.598 44.9973 106.329 45.24C106.069 45.474 105.865 45.7773 105.718 46.15C105.571 46.514 105.497 46.9473 105.497 47.45C105.497 48.412 105.766 49.1357 106.303 49.621C106.849 50.1063 107.581 50.349 108.5 50.349C108.708 50.349 108.959 50.323 109.254 50.271C109.549 50.2103 109.835 50.1193 110.112 49.998L110.502 51.636ZM117.776 49.998H114.279L113.629 52H111.705L114.812 42.9H117.347L120.415 52H118.426L117.776 49.998ZM114.812 48.295H117.243L116.034 44.473L114.812 48.295ZM124.709 52H122.759V44.694H120.172V42.9H127.283V44.694H124.709V52ZM132.546 50.44C132.875 50.44 133.179 50.3793 133.456 50.258C133.733 50.1367 133.972 49.9547 134.171 49.712C134.37 49.4607 134.522 49.1487 134.626 48.776C134.739 48.4033 134.795 47.9613 134.795 47.45C134.795 46.4187 134.578 45.6647 134.145 45.188C133.712 44.7027 133.14 44.46 132.429 44.46C132.108 44.46 131.805 44.5207 131.519 44.642C131.242 44.7633 130.999 44.9497 130.791 45.201C130.583 45.4437 130.418 45.7557 130.297 46.137C130.184 46.5097 130.128 46.9473 130.128 47.45C130.128 47.9613 130.189 48.4033 130.31 48.776C130.44 49.1487 130.613 49.4607 130.83 49.712C131.047 49.9547 131.302 50.1367 131.597 50.258C131.892 50.3793 132.208 50.44 132.546 50.44ZM132.481 52.156C131.822 52.156 131.22 52.0563 130.674 51.857C130.137 51.649 129.673 51.3457 129.283 50.947C128.893 50.5483 128.59 50.0587 128.373 49.478C128.165 48.8887 128.061 48.2127 128.061 47.45C128.061 46.6873 128.169 46.0157 128.386 45.435C128.611 44.8457 128.919 44.3517 129.309 43.953C129.699 43.5543 130.158 43.2553 130.687 43.056C131.224 42.848 131.805 42.744 132.429 42.744C133.131 42.744 133.755 42.8523 134.301 43.069C134.856 43.2857 135.319 43.5977 135.692 44.005C136.073 44.4037 136.364 44.8977 136.563 45.487C136.762 46.0677 136.862 46.722 136.862 47.45C136.862 48.256 136.749 48.958 136.524 49.556C136.307 50.1453 136 50.635 135.601 51.025C135.211 51.4063 134.747 51.6923 134.21 51.883C133.681 52.065 133.105 52.156 132.481 52.156ZM148.895 52H146.932L146.438 45.955L144.566 52H142.707L140.861 45.981L140.367 52H138.404L139.314 42.9H141.641L143.695 49.764L145.723 42.9H147.972L148.895 52Z" fill="#00509A"/>
+<path d="M36.8849 39.0444C34.4394 41.7835 30.233 41.9791 27.5918 39.5335C24.8528 37.088 24.6571 32.8816 27.1027 30.1426C29.5482 27.4035 33.7546 27.2079 36.3958 29.6535C39.1349 32.099 39.3305 36.3054 36.8849 39.0444Z" fill="url(#paint0_radial)"/>
+<path d="M33.6578 11.8495C34.2448 12.4364 34.7339 12.9255 35.223 13.5124C37.8642 16.7406 39.1359 19.8709 39.1359 19.8709C40.7989 20.1644 42.4619 20.2622 43.9292 20.1644C44.027 20.1644 44.1249 20.1644 44.2227 20.1644C44.3205 20.1644 44.4183 20.1644 44.5161 20.1644C47.7443 19.8709 52.0485 18.5992 55.9614 14.6863C56.0592 14.5885 56.2549 14.3928 56.3527 14.295C55.7658 13.6103 55.1788 12.8277 54.4941 12.2407C43.2445 0.991141 25.5385 0.0129149 13.2129 9.30607C22.7995 4.51276 29.5493 7.7409 33.6578 11.8495Z" fill="url(#paint1_linear)"/>
+<path d="M11.2558 44.0324C11.4515 43.2498 11.6471 42.5651 11.9406 41.8803C13.4079 37.9674 15.4622 35.3262 15.4622 35.3262C14.8753 33.6632 14.1905 32.2937 13.4079 31.022C13.3101 30.9242 13.3101 30.8264 13.2123 30.8264C13.1145 30.7285 13.1145 30.7285 13.0167 30.6307C11.158 27.9895 7.92987 24.8592 2.54962 23.4897C2.35398 23.4897 2.15833 23.3918 1.96268 23.3918C1.66921 24.2722 1.37575 25.1527 1.08228 26.1309C-3.02627 41.489 4.89737 57.3363 19.1795 63.4013C10.3754 57.2385 9.7885 49.7061 11.2558 44.0324Z" fill="url(#paint2_linear)"/>
+<path d="M50.3842 47.4568C49.6016 47.6524 48.9169 47.848 48.1343 47.9459C44.0258 48.6306 40.6998 48.1415 40.6998 48.1415C39.6237 49.4132 38.7433 50.7827 38.0586 52.0544C38.0586 52.1522 37.9608 52.2501 37.9608 52.3479C37.9608 52.4457 37.8629 52.5435 37.8629 52.5435C36.4934 55.4782 35.4174 59.8802 36.8847 65.1627C36.8847 65.3583 36.9825 65.554 37.0803 65.7496C37.9607 65.554 38.939 65.3583 39.8194 65.1627C55.1776 61.0541 64.862 46.2829 63.0034 30.8269C62.2208 41.6852 56.0579 45.8916 50.3842 47.4568Z" fill="url(#paint3_linear)"/>
+<path d="M13.0159 9.20864C13.0159 9.20864 6.16827 13.5128 2.54883 22.1212C3.52706 22.3169 13.1137 24.1755 16.6353 34.8382C17.5157 34.2512 20.1569 32.197 22.0155 26.3276C24.1676 19.2844 28.374 14.0998 33.6564 11.8498C33.6564 11.8498 26.9067 2.26323 13.0159 9.20864Z" fill="url(#paint4_linear)"/>
+<path d="M34.8314 59.9785C34.8314 56.359 35.8096 51.6635 39.8203 47.1637V47.0659C39.1356 46.3811 36.8857 44.6203 31.1141 45.9898C23.8753 47.6528 15.9516 47.4572 11.3539 43.9355C11.3539 43.9355 6.365 54.696 19.3754 63.2066C19.3754 63.2066 26.5165 67.0217 35.8096 65.8478C35.5161 65.4565 34.8314 63.2066 34.8314 59.9785Z" fill="url(#paint5_linear)"/>
+<path d="M57.036 15.3713C56.0578 16.643 51.1666 21.7298 43.0473 21.7298C41.7756 21.7298 40.3083 21.632 38.841 21.3385H38.7431C38.4497 22.3167 38.254 25.0558 42.2648 29.36C47.2537 34.7402 51.0688 41.7835 50.384 47.555C50.384 47.555 62.1227 46.479 63.0031 31.023C63.0031 30.8273 62.8075 22.8059 57.036 15.3713Z" fill="url(#paint6_linear)"/>
+<rect x="74" y="8" width="2" height="54" fill="#CACACA"/>
+<defs>
+<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(29.8655 30.8836) rotate(0.0554296) scale(9.30312 9.33011)">
+<stop stop-color="#4495D1"/>
+<stop offset="1" stop-color="#15256D"/>
+</radialGradient>
+<linearGradient id="paint1_linear" x1="22.9006" y1="5.07513" x2="50.7311" y2="16.2821" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4495D1"/>
+<stop offset="1" stop-color="#15256D"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="10.7755" y1="56.8236" x2="6.56549" y2="27.119" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4495D1"/>
+<stop offset="1" stop-color="#15256D"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="61.7278" y1="41.4859" x2="38.1078" y2="59.9835" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4495D1"/>
+<stop offset="1" stop-color="#15256D"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="11.7664" y1="26.3794" x2="24.2763" y2="7.18312" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4495D1"/>
+<stop offset="1" stop-color="#15256D"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="35.4347" y1="53.7558" x2="12.9935" y2="56.0435" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4495D1"/>
+<stop offset="1" stop-color="#15256D"/>
+</linearGradient>
+<linearGradient id="paint6_linear" x1="49.8822" y1="21.2944" x2="54.4576" y2="44.3893" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4495D1"/>
+<stop offset="1" stop-color="#15256D"/>
+</linearGradient>
+</defs>
+</svg>

src/blocks/page-footer/page-footer.pug

 //- Все примеси в этом файле должны начинаться c имени блока (page-footer)
 
-mixin page-footer(mods)
+mixin page-footer()
 
-  //- Принимает:
-  //-   mods  {string} - список модификаторов
-  //- Вызов:
-        +page-footer()
-          p «Подвал»
-  -
-    // список модификаторов
-    var allMods = '';
-    if(typeof(mods) !== 'undefined' && mods) {
-      var modsList = mods.split(',');
-      for (var i = 0; i < modsList.length; i++) {
-        allMods = allMods + ' page-footer--' + modsList[i].trim();
-      }
-    }
-
-  footer.page-footer(class=allMods, role='contentinfo')&attributes(attributes)
-    .page-footer__inner
-      block
+  footer.footer
+    .footer-left
+      .footer-left__heading
+        img(src="./img/logo.svg", alt="footer logo").left__heading-logo
+        ul.left__heading-socials
+          li.heading-socials__item._fb
+          li.heading-socials__item._inst
+          li.heading-socials__item._telegram
+      nav.footer-left__nav
+        ul
+          li
+            a(href="#") О Радоне
+          li
+            a(href="#") Онлайн-мониторинг
+          li
+            a(href="#") Экология
+          li
+            a(href="#") Филиалы
+          li
+            a(href="#") Фотогалерея
+          li
+            a(href="#") Контакты
+          li
+            a(href="#") Карьера
+          li
+            a(href="#") Видеогалерея
+          li
+            a(href="#") СМИ о нас
+          li
+            a(href="#") Новости
+          li
+            a(href="#") Направления деятельности
+          li
+            a(href="#") Журналистам
+          li
+            a(href="#") Услуги
+      .footer-left__subscribe
+        .left__subscribe-title Подписка на новости и рассылку
+        form(method="POST").left__subscribe-form
+          input(type="text", placeholder="Ваш E-mail")
+          button(type="submit") Подписаться
+      .footer-left__devs
+        span Разработка —
+        img(alt="developers")
+    .footer-right
+      .footer-right__contacts
+        .right__contacts-item
+          .contacts-item__title Отдел документационного обеспечения управления
+          ul.contacts-item__list
+            li Контактные данные службы одного окна:
+            li Тел: +7 (495) 545-57-33 (доб. 164, 247) 
+        .right__contacts-item
+          .contacts-item__title Московский офис
+          ul.contacts-item__list
+            li 119121, Москва, 7-й Ростовский пер, 2/14
+            li Тел: 8(495) 545-57-67
+            li E-mail: info@radon.ru
+        .right__contacts-item
+          .contacts-item__title НПК
+          ul.contacts-item__list
+            li 141335, Сергиево-Посадский район, Московской обл.,
+            li Тел.: +7 (495) 545-57-65
+            li E-mail: info@radon.ru
+      .footer-right__copyright © 2008–2020. Все права защищены. Государственная корпорация по атомной энергии «Росатом». При использовании материалов ссылка на сайт www.rosatom.ru обязательна

src/blocks/page-footer/page-footer.scss

@@ -2,4 +2,48 @@
 // модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
 // Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
 
-.page-footer {}
+.footer {
+  color: #ffffff;
+  display: flex;
+
+  .footer-left {
+    display: flex;
+    align-items: flex-end;
+    flex-direction: column;
+    flex-basis: 50%;
+    background: #f9f9f9;
+    padding: 50px 60px 0 0;
+  }
+
+  .footer-right {
+    padding: 50px 0 120px 100px;
+    flex-basis: 50%;
+    background: #025ea1;
+
+    .footer-right__contacts {
+      font-size: 16px;
+      line-height: 21px;
+
+      .right__contacts-item {
+        margin-bottom: 40px;
+
+        .contacts-item__title {
+          font-weight: 700;
+        }
+
+        .contacts-item__list {
+          margin-top: 20px;
+          font-weight: 300;
+        }
+      }
+    }
+
+    .footer-right__copyright {
+      margin-top: 90px;
+      font-size: 15px;
+      line-height: 130%;
+      font-weight: 300;
+      max-width: 460px;
+    }
+  }
+}

src/blocks/page-header/page-header.pug

 //- Все примеси в этом файле должны начинаться c имени блока (page-header)
 
-mixin page-header(mods)
+mixin page-header()
 
-  //- Принимает:
-  //-   mods  {string} - список модификаторов
-  //- Вызов:
-        +page-header()
-          p «Шапка»
-  -
-    // список модификаторов
-    var allMods = '';
-    if(typeof(mods) !== 'undefined' && mods) {
-      var modsList = mods.split(',');
-      for (var i = 0; i < modsList.length; i++) {
-        allMods = allMods + ' page-header--' + modsList[i].trim();
-      }
-    }
-
-  header.page-header(class=allMods, role='banner')&attributes(attributes)
-    .page-header__inner
-      block
+  header.header
+    .container
+      .row
+        .col-lg-2
+          a(href="#")
+            img(src="./img/logo.png", alt="radon logo")
+        .col-lg-10
+          .header-menu-top
+            ul.header-menu-top__list
+              li
+                a(href="#") Онлайн-мониторинг
+              li
+                a(href="#") Наши услуги
+              li
+                a(href="#") Фотогалерея
+              li
+                a(href="#") Видеогалерея
+              li
+                a(href="#") Контакты
+              li
+                a(href="#") СМИ о нас
+            a(href="#", class="top__link") Обратная связь
+            ul.header-menu-top__lang
+              li
+                a(href="#", class="top__lang-ru")
+              li
+                a(href="#", class="top__lang-en")
+          .header-menu-bottom
+            ul.header-menu-bottom__list
+              li
+                a(href="#", class="header-menu-bottom__burger")
+              li
+                a(href="#") О Радоне
+              li
+                a(href="#") Филиалы
+              li
+                a(href="#") Карьера
+              li
+                a(href="#") Новости
+              li
+                a(href="#") Направление деятельности
+              li
+                a(href="#") Экология
+              li
+                a(href="#") Журналистам
+              li
+                a(href="#", class="header-menu-bottom__search")

src/blocks/page-header/page-header.scss

-// В этом файле должны быть стили для БЭМ-блока page-header, его элементов,
-// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
-// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority
+.header {
+  .header-menu-top {
+    .header-menu-top__list {
+      display: flex;
 
-.page-header {}
+      li {
+        a {
+          font-weight: 300;
+          text-decoration: underline;
+          padding: 19px 17.5px 26px;
+          display: block;
+
+          &:hover {
+          }
+        }
+
+        &:first-child a {
+          padding-left: 0;
+        }
+      }
+    }
+  }
+
+  .header-menu-bottom {
+    .header-menu-bottom__list {
+      display: flex;
+    }
+  }
+}

src/pages/index.pug

@@ -11,15 +11,11 @@ block nav
   +main-nav('10')
 
 block content
-  h1 Что сделано:
-  ul
-    li
-      a(href="#") Главная
-    hr
-    li
+  h1 Заголовок
+  p Содержимое. #[a(href='blocks-demo.html') Библиотека блоков].
 
-block footer
-  p footer
+//- block footer
+//-   p footer
 
 //- block append page-bottom
 //-   script(src='js/some.js')

src/scss/_vars.scss

+$fast-transition: .3s ease;
+$long-transition: .7s ease;
+
+$hover-blue: #003274;

src/scss/main.scss

+@import "../../node_modules/bootstrap/scss/bootstrap-grid.scss";
 @import "fonts";
+@import "vars";
 
 // === MAIN PREPARATIONS ===
 
@@ -33,4 +35,10 @@ body {
       color: #000000;
     }
   }
+
+  ul {
+    list-style: none;
+    padding-left: 0;
+    margin-bottom: 0;
+  }
 }