Skip to content

K
kpp
Commit c6555458 authored by Nikolay Gromov's avatar Nikolay Gromov
Browse files
Options

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

parent 6ca5ea76
Hide whitespace changes
Inline Side-by-side
Showing with 52 additions and 31 deletions
src/blocks/main-nav/main-nav.less
View file @ c6555458
......@@ -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);
......
src/blocks_library.html
View file @ c6555458
......@@ -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">
<span class="main-nav__link-text">Списки и параграфы</span>
<a href="#text-lists" class="main-nav__link">
<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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment