Skip to content

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

Библиотека: поправил указание параметров фильтра :markdown-it

parent 9a4617e8
Hide whitespace changes
Inline Side-by-side
Showing with 49 additions and 49 deletions
src/blocks-demo.pug
View file @ b0dfe5bf
...@@ -94,7 +94,7 @@ block content ...@@ -94,7 +94,7 @@ block content
h1.blocks-library__title Блоки стартового репозитория #[a(href='index.html') проекта] h1.blocks-library__title Блоки стартового репозитория #[a(href='index.html') проекта]
+block-lib('page', 'Страница', false) +block-lib('page', 'Страница', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/page/readme.md include:markdown-it(html='true') blocks/page/readme.md
+block-lib-code() +block-lib-code()
pre.code pre.code
code <!DOCTYPE html> code <!DOCTYPE html>
...@@ -109,10 +109,10 @@ block content ...@@ -109,10 +109,10 @@ block content
code </html> code </html>
+block-lib('typo', 'Текст, теги', false) +block-lib('typo', 'Текст, теги', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/typo/readme.md include:markdown-it(html='true') blocks/typo/readme.md
+block-lib('grid-mixins', 'Примеси-генераторы модульной сетки', false, 'grid') +block-lib('grid-mixins', 'Примеси-генераторы модульной сетки', false, 'grid')
:markdown-it(linkify, html='true', typographer='true', quotes='«»') :markdown-it()
По умолчанию в сборку берётся файл с примесями для создания модульной сетки: `./src/scss/mixins/grid-mixins.scss`. Отдельного БЭМ-блока для сеток нет, используйте семантические классы и применяйте к ним примеси. <br> По умолчанию в сборку берётся файл с примесями для создания модульной сетки: `./src/scss/mixins/grid-mixins.scss`. Отдельного БЭМ-блока для сеток нет, используйте семантические классы и применяйте к ним примеси. <br>
[Пример использования на codepen.io](https://codepen.io/nicothin/pen/aJEOwE?editors=1100). [Пример использования на codepen.io](https://codepen.io/nicothin/pen/aJEOwE?editors=1100).
...@@ -157,36 +157,36 @@ block content ...@@ -157,36 +157,36 @@ block content
code } code }
+block-lib('sprite-svg', 'SVG-спрайт c <a href="https://github.com/w0rm/gulp-svgstore">gulp-svgstore</a>', false) +block-lib('sprite-svg', 'SVG-спрайт c <a href="https://github.com/w0rm/gulp-svgstore">gulp-svgstore</a>', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/sprite-svg/readme.md include:markdown-it(html='true') blocks/sprite-svg/readme.md
+block-lib('sprite-png', 'PNG-спрайт с <a href="https://github.com/Ensighten/spritesmith">spritesmith</a>', true) +block-lib('sprite-png', 'PNG-спрайт с <a href="https://github.com/Ensighten/spritesmith">spritesmith</a>', true)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/sprite-png/readme.md include:markdown-it(html='true') blocks/sprite-png/readme.md
+block-lib('page-header', '«Шапка» страницы', false) +block-lib('page-header', '«Шапка» страницы', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/page-header/readme.md include:markdown-it(html='true') blocks/page-header/readme.md
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/page-header/page-header.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/page-header/page-header.pug
+block-lib('page-footer', '«Подвал» страницы', false) +block-lib('page-footer', '«Подвал» страницы', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/page-footer/readme.md include:markdown-it(html='true') blocks/page-footer/readme.md
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/page-footer/page-footer.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/page-footer/page-footer.pug
+block-lib('logo', 'Логотип', false) +block-lib('logo', 'Логотип', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/logo/readme.md include:markdown-it(html='true') blocks/logo/readme.md
+logo('/') +logo('/')
img(src='img/logo.svg', alt='Logo', width='64', height='15') img(src='img/logo.svg', alt='Logo', width='64', height='15')
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/logo/logo.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/logo/logo.pug
+block-lib('main-nav', 'Главная навигация', false) +block-lib('main-nav', 'Главная навигация', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/main-nav/readme.md include:markdown-it(html='true') blocks/main-nav/readme.md
+main-nav('1') +main-nav('1')
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/main-nav/main-nav.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/main-nav/main-nav.pug
+block-lib('close', 'Закрыть', false) +block-lib('close', 'Закрыть', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/close/readme.md include:markdown-it(html='true') blocks/close/readme.md
div div
+close('Закрыть') +close('Закрыть')
+close('Закрыть', 'sm') +close('Закрыть', 'sm')
...@@ -194,34 +194,34 @@ block content ...@@ -194,34 +194,34 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/close/close.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/close/close.pug
+block-lib('burger', 'Бургер', false) +block-lib('burger', 'Бургер', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/burger/readme.md include:markdown-it(html='true') blocks/burger/readme.md
div div
+burger('Показать пример кода', 'burger-code', 'blocks-library__code--shown') +burger('Показать пример кода', 'burger-code', 'blocks-library__code--shown')
+block-lib-code('burger-code', true) +block-lib-code('burger-code', true)
include:show-code(first-line='//- Pug-файл этого блока:') blocks/burger/burger.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/burger/burger.pug
+block-lib('or', 'Разеделитель «или»', false) +block-lib('or', 'Разеделитель «или»', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/or/readme.md include:markdown-it(html='true') blocks/or/readme.md
+or() +or()
+or('Текст взамен «или»', 'some-mod') +or('Текст взамен «или»', 'some-mod')
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/or/or.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/or/or.pug
+block-lib('code', 'Код', false) +block-lib('code', 'Код', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/code/readme.md include:markdown-it(html='true') blocks/code/readme.md
+code() +code()
code &lt;div class="some">...&lt;/div> code &lt;div class="some">...&lt;/div>
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/code/code.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/code/code.pug
+block-lib('thumb', 'Картинки-миниатюры', false) +block-lib('thumb', 'Картинки-миниатюры', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/thumb/readme.md include:markdown-it(html='true') blocks/thumb/readme.md
+thumb('img/joker.jpg', 'Джокер', 300, 200) +thumb('img/joker.jpg', 'Джокер', 300, 200)
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/thumb/thumb.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/thumb/thumb.pug
+block-lib('alert', 'Сообщения', false) +block-lib('alert', 'Сообщения', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/alert/readme.md include:markdown-it(html='true') blocks/alert/readme.md
+alert() +alert()
p Обычное сообщение p Обычное сообщение
+close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть') +close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть')
...@@ -232,7 +232,7 @@ block content ...@@ -232,7 +232,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/alert/alert.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/alert/alert.pug
+block-lib('menu', 'Меню', false) +block-lib('menu', 'Меню', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/menu/readme.md include:markdown-it(html='true') blocks/menu/readme.md
- -
var myMenu = [ var myMenu = [
{ {
...@@ -254,7 +254,7 @@ block content ...@@ -254,7 +254,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/menu/menu.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/menu/menu.pug
+block-lib('label', 'Лейбл', false) +block-lib('label', 'Лейбл', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/label/readme.md include:markdown-it(html='true') blocks/label/readme.md
+label('Текст1') +label('Текст1')
+label('Текст2', '', 'div') +label('Текст2', '', 'div')
+label('Текст3', '', 'a')(href='/') +label('Текст3', '', 'a')(href='/')
...@@ -262,13 +262,13 @@ block content ...@@ -262,13 +262,13 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/label/label.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/label/label.pug
+block-lib('loader', 'Загрузчик', false) +block-lib('loader', 'Загрузчик', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/loader/readme.md include:markdown-it(html='true') blocks/loader/readme.md
+loader() +loader()
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/loader/loader.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/loader/loader.pug
+block-lib('table', 'Таблица', false) +block-lib('table', 'Таблица', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/table/readme.md include:markdown-it(html='true') blocks/table/readme.md
+table() +table()
caption Таблица caption Таблица
tr tr
...@@ -293,7 +293,7 @@ block content ...@@ -293,7 +293,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/table/table.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/table/table.pug
+block-lib('table-responsive', 'Адаптивная таблица', false) +block-lib('table-responsive', 'Адаптивная таблица', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/table-responsive/readme.md include:markdown-it(html='true') blocks/table-responsive/readme.md
+table-responsive() +table-responsive()
caption Таблица caption Таблица
thead thead
...@@ -311,7 +311,7 @@ block content ...@@ -311,7 +311,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/table-responsive/table-responsive.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/table-responsive/table-responsive.pug
+block-lib('pagination', 'Пагинация', false) +block-lib('pagination', 'Пагинация', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/pagination/readme.md include:markdown-it(html='true') blocks/pagination/readme.md
+pagination() +pagination()
+pagination-item('1', '/1') +pagination-item('1', '/1')
+pagination-item('...') +pagination-item('...')
...@@ -324,7 +324,7 @@ block content ...@@ -324,7 +324,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/pagination/pagination.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/pagination/pagination.pug
+block-lib('breadcrumbs', 'Хлебные крошки', false) +block-lib('breadcrumbs', 'Хлебные крошки', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/breadcrumbs/readme.md include:markdown-it(html='true') blocks/breadcrumbs/readme.md
+breadcrumbs() +breadcrumbs()
+breadcrumbs-item('Главная', '/home') +breadcrumbs-item('Главная', '/home')
+breadcrumbs-item('Услуги', '/services') +breadcrumbs-item('Услуги', '/services')
...@@ -333,21 +333,21 @@ block content ...@@ -333,21 +333,21 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/breadcrumbs/breadcrumbs.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/breadcrumbs/breadcrumbs.pug
+block-lib('progress', 'Прогресс', false) +block-lib('progress', 'Прогресс', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/progress/readme.md include:markdown-it(html='true') blocks/progress/readme.md
+progress('30', '30% (без копеек)', 'success')(aria-valuemin='0', aria-valuemax='100') +progress('30', '30% (без копеек)', 'success')(aria-valuemin='0', aria-valuemax='100')
+progress('10')(style='height:10px') +progress('10')(style='height:10px')
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/progress/progress.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/progress/progress.pug
+block-lib('pie-chart', 'Круговые и секторные диаграммы', false) +block-lib('pie-chart', 'Круговые и секторные диаграммы', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/pie-chart/readme.md include:markdown-it(html='true') blocks/pie-chart/readme.md
+pie-chart('30') +pie-chart('30')
+pie-chart('64')(data-size='120', data-border='59.9') +pie-chart('64')(data-size='120', data-border='59.9')
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/pie-chart/pie-chart.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/pie-chart/pie-chart.pug
+block-lib('comment', 'Комментарий', false) +block-lib('comment', 'Комментарий', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/comment/readme.md include:markdown-it(html='true') blocks/comment/readme.md
+comment({ +comment({
username: 'Джокер', username: 'Джокер',
avatarURL: 'img/joker.jpg', avatarURL: 'img/joker.jpg',
...@@ -371,7 +371,7 @@ block content ...@@ -371,7 +371,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/comment/comment.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/comment/comment.pug
+block-lib('embed-responsive', 'Адаптирующийся медиаконтент', false) +block-lib('embed-responsive', 'Адаптирующийся медиаконтент', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/embed-responsive/readme.md include:markdown-it(html='true') blocks/embed-responsive/readme.md
style. style.
@media (min-width: 768px) { @media (min-width: 768px) {
.embed-responsive-demo { .embed-responsive-demo {
...@@ -401,13 +401,13 @@ block content ...@@ -401,13 +401,13 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/embed-responsive/embed-responsive.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/embed-responsive/embed-responsive.pug
+block-lib('tooltip', 'Подсказки', true) +block-lib('tooltip', 'Подсказки', true)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/tooltip/readme.md include:markdown-it(html='true') blocks/tooltip/readme.md
p Текст и подсказка: #[+tooltip('Текст подсказки может быть длинным. Хочется, чтобы <em>внутри</em> <small>можно было</small> <i>использовать</i> <b>разметку</b>.')] p Текст и подсказка: #[+tooltip('Текст подсказки может быть длинным. Хочется, чтобы <em>внутри</em> <small>можно было</small> <i>использовать</i> <b>разметку</b>.')]
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/tooltip/tooltip.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/tooltip/tooltip.pug
+block-lib('btn', 'Кнопка', false) +block-lib('btn', 'Кнопка', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/btn/readme.md include:markdown-it(html='true') blocks/btn/readme.md
p. p.
#[+btn('Кнопка-ссылка')(href='/')] #[+btn('Кнопка-ссылка')(href='/')]
#[+btn('Кнопка-input', '', true)(name='submit')] #[+btn('Кнопка-input', '', true)(name='submit')]
...@@ -420,7 +420,7 @@ block content ...@@ -420,7 +420,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/btn/btn.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/btn/btn.pug
+block-lib('field-text', 'Текстовое поле', false) +block-lib('field-text', 'Текстовое поле', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-text/readme.md include:markdown-it(html='true') blocks/field-text/readme.md
+field-text({ +field-text({
title: 'Текстовое поле', title: 'Текстовое поле',
helpText: 'Подсказка под полем', helpText: 'Подсказка под полем',
...@@ -445,7 +445,7 @@ block content ...@@ -445,7 +445,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-text/field-text.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-text/field-text.pug
+block-lib('field-checkbox', 'Флажок/чекбокс', false) +block-lib('field-checkbox', 'Флажок/чекбокс', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-checkbox/readme.md include:markdown-it(html='true') blocks/field-checkbox/readme.md
+field-checkbox([ +field-checkbox([
{ {
title: 'Чекбокс без группы', title: 'Чекбокс без группы',
...@@ -477,7 +477,7 @@ block content ...@@ -477,7 +477,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-checkbox/field-checkbox.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-checkbox/field-checkbox.pug
+block-lib('field-radio', 'Радиокнопки', false) +block-lib('field-radio', 'Радиокнопки', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-radio/readme.md include:markdown-it(html='true') blocks/field-radio/readme.md
+field-radio([ +field-radio([
{ {
title: 'Первый', title: 'Первый',
...@@ -499,7 +499,7 @@ block content ...@@ -499,7 +499,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-radio/field-radio.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-radio/field-radio.pug
+block-lib('field-toggler', 'Переключатель', false) +block-lib('field-toggler', 'Переключатель', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-toggler/readme.md include:markdown-it(html='true') blocks/field-toggler/readme.md
+field-toggler([ +field-toggler([
{ {
title: 'Одиночный переключатель', title: 'Одиночный переключатель',
...@@ -531,7 +531,7 @@ block content ...@@ -531,7 +531,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-toggler/field-toggler.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-toggler/field-toggler.pug
+block-lib('field-file', 'Файл', false) +block-lib('field-file', 'Файл', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-file/readme.md include:markdown-it(html='true') blocks/field-file/readme.md
+field-file({ +field-file({
title: 'Название', title: 'Название',
helpText: 'Подсказка', helpText: 'Подсказка',
...@@ -556,7 +556,7 @@ block content ...@@ -556,7 +556,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-file/field-file.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-file/field-file.pug
+block-lib('field-range', 'Ползунок', false) +block-lib('field-range', 'Ползунок', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-range/readme.md include:markdown-it(html='true') blocks/field-range/readme.md
+field-range({ +field-range({
title: 'Название', title: 'Название',
helpText: 'Подсказка', helpText: 'Подсказка',
...@@ -573,7 +573,7 @@ block content ...@@ -573,7 +573,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-range/field-range.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-range/field-range.pug
+block-lib('field-select', 'Селекты', false) +block-lib('field-select', 'Селекты', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-select/readme.md include:markdown-it(html='true') blocks/field-select/readme.md
+field-select( +field-select(
'Название селекта', 'Название селекта',
{ {
...@@ -637,14 +637,14 @@ block content ...@@ -637,14 +637,14 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-select/field-select.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-select/field-select.pug
+block-lib('field-actions', 'Кнопки формы', false) +block-lib('field-actions', 'Кнопки формы', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/field-actions/readme.md include:markdown-it(html='true') blocks/field-actions/readme.md
+field-actions('* — обязательные поля') +field-actions('* — обязательные поля')
+btn('Отправить') +btn('Отправить')
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-actions/field-actions.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-actions/field-actions.pug
+block-lib('fields-group', 'Группа полей', false) +block-lib('fields-group', 'Группа полей', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/fields-group/readme.md include:markdown-it(html='true') blocks/fields-group/readme.md
+fields-group() +fields-group()
+field-text({ +field-text({
helpText: 'Подсказка', helpText: 'Подсказка',
...@@ -665,7 +665,7 @@ block content ...@@ -665,7 +665,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/fields-group/fields-group.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/fields-group/fields-group.pug
+block-lib('form', 'Форма', true) +block-lib('form', 'Форма', true)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/form/readme.md include:markdown-it(html='true') blocks/form/readme.md
+form() +form()
+fieldset('Название1') +fieldset('Название1')
+field-text({ +field-text({
...@@ -699,22 +699,22 @@ block content ...@@ -699,22 +699,22 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/form/form.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/form/form.pug
+block-lib('is-mobile', 'Определение мобильного устройства', false) +block-lib('is-mobile', 'Определение мобильного устройства', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/is-mobile/readme.md include:markdown-it(html='true') blocks/is-mobile/readme.md
+block-lib('scroll-link', 'Ссылки на якоря страницы', false) +block-lib('scroll-link', 'Ссылки на якоря страницы', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/scroll-link/readme.md include:markdown-it(html='true') blocks/scroll-link/readme.md
+scroll-link('Описание блока <code>page</code>', '#page') +scroll-link('Описание блока <code>page</code>', '#page')
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/scroll-link/scroll-link.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/scroll-link/scroll-link.pug
+block-lib('to-top-block', 'Ссылка «вверх»', false, 'to-top') +block-lib('to-top-block', 'Ссылка «вверх»', false, 'to-top')
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/to-top/readme.md include:markdown-it(html='true') blocks/to-top/readme.md
+to-top() +to-top()
+block-lib-code() +block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/to-top/to-top.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/to-top/to-top.pug
+block-lib('dropdown', 'Выпадающий элемент', false) +block-lib('dropdown', 'Выпадающий элемент', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/dropdown/readme.md include:markdown-it(html='true') blocks/dropdown/readme.md
pre.code pre.code
code // Факт открытия code // Факт открытия
code $('#drop-demo-01').closest('.dropdown').on('shown.nth.dropdown', function () { code $('#drop-demo-01').closest('.dropdown').on('shown.nth.dropdown', function () {
...@@ -740,7 +740,7 @@ block content ...@@ -740,7 +740,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/dropdown/dropdown.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/dropdown/dropdown.pug
+block-lib('owl-carousel', 'Карусель с <a href="http://owlcarousel2.github.io/OwlCarousel2/">owl-carousel</a>', false) +block-lib('owl-carousel', 'Карусель с <a href="http://owlcarousel2.github.io/OwlCarousel2/">owl-carousel</a>', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/owl-carousel/readme.md include:markdown-it(html='true') blocks/owl-carousel/readme.md
+owl-carousel('promo') +owl-carousel('promo')
div слайд1 div слайд1
div слайд2 div слайд2
...@@ -754,7 +754,7 @@ block content ...@@ -754,7 +754,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/owl-carousel/owl-carousel.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/owl-carousel/owl-carousel.pug
+block-lib('swipe', 'Карусель с <a href="https://github.com/lyfeyaj/swipe">swipe</a>', false) +block-lib('swipe', 'Карусель с <a href="https://github.com/lyfeyaj/swipe">swipe</a>', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/swipe/readme.md include:markdown-it(html='true') blocks/swipe/readme.md
+swipe('swipe-demo') +swipe('swipe-demo')
div слайд1 div слайд1
div слайд2 div слайд2
...@@ -768,7 +768,7 @@ block content ...@@ -768,7 +768,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/swipe/swipe.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/swipe/swipe.pug
+block-lib('nouislider', 'Выбор диапазона с <a href="https://refreshless.com/nouislider/">noUiSlider</a>', false) +block-lib('nouislider', 'Выбор диапазона с <a href="https://refreshless.com/nouislider/">noUiSlider</a>', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/nouislider/readme.md include:markdown-it(html='true') blocks/nouislider/readme.md
+nouislider('demo-nouislider') +nouislider('demo-nouislider')
p(style='margin-top: 1rem;') p(style='margin-top: 1rem;')
input#demo-nouislider-start(type='number', value='10') input#demo-nouislider-start(type='number', value='10')
...@@ -777,7 +777,7 @@ block content ...@@ -777,7 +777,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/nouislider/nouislider.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/nouislider/nouislider.pug
+block-lib('off-canvas', 'Боковое меню страницы', false) +block-lib('off-canvas', 'Боковое меню страницы', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/off-canvas/readme.md include:markdown-it(html='true') blocks/off-canvas/readme.md
p #[button.btn(type='button', data-toggle='off-canvas') Показать/скрыть боковое меню] p #[button.btn(type='button', data-toggle='off-canvas') Показать/скрыть боковое меню]
+block-lib-code() +block-lib-code()
pre.code pre.code
...@@ -791,7 +791,7 @@ block content ...@@ -791,7 +791,7 @@ block content
code a(href='#SOME_HASH', data-toggle-native='off-canvas') Показать/скрыть боковое меню и перейти на якорь code a(href='#SOME_HASH', data-toggle-native='off-canvas') Показать/скрыть боковое меню и перейти на якорь
+block-lib('modal', 'Модальное окно', false) +block-lib('modal', 'Модальное окно', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/modal/readme.md include:markdown-it(html='true') blocks/modal/readme.md
p Одно и то же модальное окно, в консоль выводятся события. #[button.btn(type='button', data-toggle='modal', data-target='#modal-demo-01') Показать модальное окно] #[a(href='#modal-demo-01', data-toggle='modal') Показать модальное окно] #[span(data-toggle='modal', data-target='#modal-demo-01') Показать модальное окно] p Одно и то же модальное окно, в консоль выводятся события. #[button.btn(type='button', data-toggle='modal', data-target='#modal-demo-01') Показать модальное окно] #[a(href='#modal-demo-01', data-toggle='modal') Показать модальное окно] #[span(data-toggle='modal', data-target='#modal-demo-01') Показать модальное окно]
+modal('modal-demo-01', 'Заголовок', 'some') +modal('modal-demo-01', 'Заголовок', 'some')
.modal__body .modal__body
...@@ -822,7 +822,7 @@ block content ...@@ -822,7 +822,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/modal/modal.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/modal/modal.pug
+block-lib('tabs', 'Табы', false) +block-lib('tabs', 'Табы', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/tabs/readme.md include:markdown-it(html='true') blocks/tabs/readme.md
+tabs([ +tabs([
{ {
'id': 'tab00', 'id': 'tab00',
...@@ -854,7 +854,7 @@ block content ...@@ -854,7 +854,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/tabs/tabs.pug include:show-code(first-line='//- Pug-файл этого блока:') blocks/tabs/tabs.pug
+block-lib('baron', 'Кастомный скролл с <a href="https://www.npmjs.com/package/baron">baron</a>', false) +block-lib('baron', 'Кастомный скролл с <a href="https://www.npmjs.com/package/baron">baron</a>', false)
include:markdown-it(linkify, html='true', typographer='true', quotes='«»') blocks/baron/readme.md include:markdown-it(html='true') blocks/baron/readme.md
+baron('baron-demo', 'mods')(style='height: 100px; border: 1px solid #E6E6E6; margin-bottom: 1rem;') +baron('baron-demo', 'mods')(style='height: 100px; border: 1px solid #E6E6E6; margin-bottom: 1rem;')
p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dicta aliquid nemo, sit possimus, eveniet tempore minus, doloremque incidunt, nihil quos aperiam ab iure quia. Ipsa sit porro incidunt, sed! p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dicta aliquid nemo, sit possimus, eveniet tempore minus, doloremque incidunt, nihil quos aperiam ab iure quia. Ipsa sit porro incidunt, sed!
p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dicta aliquid nemo, sit possimus, eveniet tempore minus, doloremque incidunt, nihil quos aperiam ab iure quia. Ipsa sit porro incidunt, sed! p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dicta aliquid nemo, sit possimus, eveniet tempore minus, doloremque incidunt, nihil quos aperiam ab iure quia. Ipsa sit porro incidunt, sed!
......
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