Начал добавлять ссылки в навигацию библиотеки

c6555458 · Nikolay Gromov · 6ca5ea76 · c6555458 · c6555458
Commit c6555458 authored Apr 22, 2016 by Nikolay Gromov
Hide whitespace changes
Inline Side-by-side

Showing with 52 additions and 31 deletions

main-nav.less src/blocks/main-nav/main-nav.less +7 -1

blocks_library.html src/blocks_library.html +45 -30

No files found.
--- a/src/blocks/main-nav/main-nav.less
+++ b/src/blocks/main-nav/main-nav.less
@@ -32,6 +32,10 @@
      border: 1px solid @gray-lighter;
      border-top: 0;
      box-shadow: @shadow;
+      .main-nav__item:not(:last-child) {
+        border-bottom: 1px solid @gray-lighter;
+      }
    }
    .main-nav__list {
@@ -40,7 +44,7 @@
    .main-nav__link {
      padding-left: @grid-gutter-width;
-      min-width: 12em;
+      min-width: 15em;
      @media (min-width: @screen-lg) {
        padding-left: (@grid-gutter-width / 2);
@@ -57,6 +61,8 @@
        background-color: @gray-lightest;
        padding-top: 0.3em;
        width: auto;
+        padding-top: 0;
+        border-top: 1px solid @gray-lighter;
        .main-nav__link {
          padding-left: (@grid-gutter-width / 2);

--- a/src/blocks_library.html
+++ b/src/blocks_library.html
@@ -33,50 +33,65 @@
          <nav class="main-nav  navbar__nav">
            <ul class="main-nav__list">
              <li class="main-nav__item">
-                <a href="" class="main-nav__link">
+                <a class="main-nav__link">
                  <span class="main-nav__link-text">Библиотека</span>
                </a>
                <div class="main-nav__nested-lvl">
                  <ul class="main-nav__list">
                    <li class="main-nav__item">
-                      <a href="" class="main-nav__link">
+                      <a href="#text" class="main-nav__link">
                        <span class="main-nav__link-text">Типографика</span>
                      </a>
                      <div class="main-nav__nested-lvl">
                        <ul class="main-nav__list">
                          <li class="main-nav__item">
-                            <a href="" class="main-nav__link">
+                            <a href="#text-text" class="main-nav__link">
                              <span class="main-nav__link-text">Текст, теги</span>
                            </a>
                          </li>
                          <li class="main-nav__item">
-                            <a href="" class="main-nav__link">
+                            <a href="#text-headers" class="main-nav__link">
                              <span class="main-nav__link-text">Заголовки и параграфы</span>
                            </a>
                          </li>
                          <li class="main-nav__item">
-                            <a href="" class="main-nav__link">
+                            <a href="#text-lists" class="main-nav__link">
-                              <span class="main-nav__link-text">Списки и параграфы</span>
+                              <span class="main-nav__link-text">Маркированный и нумерованный списки</span>
+                            </a>
+                          </li>
+                          <li class="main-nav__item">
+                            <a href="#text-lists-dl" class="main-nav__link">
+                              <span class="main-nav__link-text">Список определений</span>
+                            </a>
+                          </li>
+                          <li class="main-nav__item">
+                            <a href="#text-hr" class="main-nav__link">
+                              <span class="main-nav__link-text">Разделитель уровня параграфа</span>
+                            </a>
+                          </li>
+                          <li class="main-nav__item">
+                            <a href="#text-inline-tags" class="main-nav__link">
+                              <span class="main-nav__link-text">Строчные теги</span>
+                            </a>
+                          </li>
+                          <li class="main-nav__item">
+                            <a href="#text-address" class="main-nav__link">
+                              <span class="main-nav__link-text">Контактная информация</span>
+                            </a>
+                          </li>
+                          <li class="main-nav__item">
+                            <a href="#text-blq" class="main-nav__link">
+                              <span class="main-nav__link-text">Блочные цитаты</span>
+                            </a>
+                          </li>
+                          <li class="main-nav__item">
+                            <a href="#text-pre" class="main-nav__link">
+                              <span class="main-nav__link-text">Форматированный текст</span>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </li>
-                    <li class="main-nav__item">
-                      <a href="" class="main-nav__link">
-                        <span class="main-nav__link-text">Горизонтальный ассоциативный список</span>
-                      </a>
-                    </li>
-                    <li class="main-nav__item">
-                      <a href="" class="main-nav__link">
-                        <span class="main-nav__link-text">Блочные цитаты по правому краю</span>
-                      </a>
-                    </li>
-                    <li class="main-nav__item">
-                      <a href="" class="main-nav__link">
-                        <span class="main-nav__link-text">Нумерованные списки с особыми маркерами</span>
-                      </a>
-                    </li>
                  </ul>
                </div>
              </li>
@@ -111,7 +126,7 @@
  <section class="blocks-library__item" id="text">
-    <h1 class="blocks-library__item-title">Текст, теги</h1>
+    <h1 class="blocks-library__item-title" id="text-text">Текст, теги</h1>
    <div class="blocks-library__sub-item">
      <p>Параграфы, расстояние между ними. Далеко-далеко за словесными горами в стране, гласных и согласных живут <a href="/">рыбные ссылки</a>. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
@@ -129,7 +144,7 @@
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-headers">
      <h2 class="blocks-library__sub-item-title">Заголовки и параграфы</h2>
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
      <h1>Заголовок 1 <small>Дополнительный текст</small></h1>
@@ -146,7 +161,7 @@
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-lists">
      <h2 class="blocks-library__sub-item-title">Маркированный и нумерованный списки и параграфы</h2>
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
      <div class="row">
@@ -178,7 +193,7 @@
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-lists-dl">
      <h2 class="blocks-library__sub-item-title">Список определений и параграфы</h2>
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
      <dl>
@@ -191,14 +206,14 @@
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-hr">
      <h2 class="blocks-library__sub-item-title">Разделитель уровня параграфа</h2>
      <p>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
       <hr>
       <p>. Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Грустный предупредила, дал приставка составитель решила подпоясал запятых сих ручеек которой власти до, над жизни возвращайся силуэт что не курсивных.</p>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-inline-tags">
      <h2 class="blocks-library__sub-item-title">Строчные теги</h2>
      <div class="row">
        <div class="col-lg-6">
@@ -272,7 +287,7 @@
      </div>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-address">
      <h2 class="blocks-library__sub-item-title">Контактная информация автора материала</h2>
      <p>Тег <code>address</code> представляет контактную информацию для ближайшего элемента-предка <code>article</code> или <code>body</code>. Если это элемент <code>body</code>, то контактная информация применяется ко всему документу целиком. Тег обязан не использоваться для предоставления произвольного адреса (например, почтовых адресов), если эти адреса не являются реальной контактной информацией. <a href="http://spec.piraruco.com/html5/sections.htm#the-address-element">Подробнее</a></p>
      <hr>
@@ -299,7 +314,7 @@
      </div>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-blq">
      <h2 class="blocks-library__sub-item-title">Блочные цитаты</h2>
      <blockquote>
        <p>Цитата. Далеко-далеко за словесными горами в стране. Далеко-далеко за словесными горами в стране.</p>
@@ -340,7 +355,7 @@
      </div>
    </div>
-    <div class="blocks-library__sub-item">
+    <div class="blocks-library__sub-item" id="text-pre">
      <h2 class="blocks-library__sub-item-title">Форматированный текст</h2>
      <p>Смотри так же <a href="#code">БЭМ-блок для кода</a>.</p>
      <pre>// Блочный код с тегом переноса строки<br>// Вторая строка</pre>