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
h1.blocks-library__title Блоки стартового репозитория #[a(href='index.html') проекта]
+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()
pre.code
code <!DOCTYPE html>
......@@ -109,10 +109,10 @@ block content
code </html>
+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')
:markdown-it(linkify, html='true', typographer='true', quotes='«»')
:markdown-it()
По умолчанию в сборку берётся файл с примесями для создания модульной сетки: `./src/scss/mixins/grid-mixins.scss`. Отдельного БЭМ-блока для сеток нет, используйте семантические классы и применяйте к ним примеси. <br>
[Пример использования на codepen.io](https://codepen.io/nicothin/pen/aJEOwE?editors=1100).
......@@ -157,36 +157,36 @@ block content
code }
+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)
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)
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()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/page-header/page-header.pug
+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()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/page-footer/page-footer.pug
+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('/')
img(src='img/logo.svg', alt='Logo', width='64', height='15')
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/logo/logo.pug
+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')
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/main-nav/main-nav.pug
+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
+close('Закрыть')
+close('Закрыть', 'sm')
......@@ -194,34 +194,34 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/close/close.pug
+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
+burger('Показать пример кода', 'burger-code', 'blocks-library__code--shown')
+block-lib-code('burger-code', true)
include:show-code(first-line='//- Pug-файл этого блока:') blocks/burger/burger.pug
+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('Текст взамен «или»', 'some-mod')
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/or/or.pug
+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 &lt;div class="some">...&lt;/div>
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/code/code.pug
+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)
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/thumb/thumb.pug
+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()
p Обычное сообщение
+close('Закрыть', 'sm')(class='alert__close', aria-label='Закрыть')
......@@ -232,7 +232,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/alert/alert.pug
+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 = [
{
......@@ -254,7 +254,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/menu/menu.pug
+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('Текст2', '', 'div')
+label('Текст3', '', 'a')(href='/')
......@@ -262,13 +262,13 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/label/label.pug
+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()
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/loader/loader.pug
+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()
caption Таблица
tr
......@@ -293,7 +293,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/table/table.pug
+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()
caption Таблица
thead
......@@ -311,7 +311,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/table-responsive/table-responsive.pug
+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-item('1', '/1')
+pagination-item('...')
......@@ -324,7 +324,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/pagination/pagination.pug
+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-item('Главная', '/home')
+breadcrumbs-item('Услуги', '/services')
......@@ -333,21 +333,21 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/breadcrumbs/breadcrumbs.pug
+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('10')(style='height:10px')
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/progress/progress.pug
+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('64')(data-size='120', data-border='59.9')
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/pie-chart/pie-chart.pug
+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({
username: 'Джокер',
avatarURL: 'img/joker.jpg',
......@@ -371,7 +371,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/comment/comment.pug
+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.
@media (min-width: 768px) {
.embed-responsive-demo {
......@@ -401,13 +401,13 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/embed-responsive/embed-responsive.pug
+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>.')]
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/tooltip/tooltip.pug
+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.
#[+btn('Кнопка-ссылка')(href='/')]
#[+btn('Кнопка-input', '', true)(name='submit')]
......@@ -420,7 +420,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/btn/btn.pug
+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({
title: 'Текстовое поле',
helpText: 'Подсказка под полем',
......@@ -445,7 +445,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-text/field-text.pug
+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([
{
title: 'Чекбокс без группы',
......@@ -477,7 +477,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-checkbox/field-checkbox.pug
+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([
{
title: 'Первый',
......@@ -499,7 +499,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-radio/field-radio.pug
+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([
{
title: 'Одиночный переключатель',
......@@ -531,7 +531,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-toggler/field-toggler.pug
+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({
title: 'Название',
helpText: 'Подсказка',
......@@ -556,7 +556,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-file/field-file.pug
+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({
title: 'Название',
helpText: 'Подсказка',
......@@ -573,7 +573,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-range/field-range.pug
+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(
'Название селекта',
{
......@@ -637,14 +637,14 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-select/field-select.pug
+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('* — обязательные поля')
+btn('Отправить')
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/field-actions/field-actions.pug
+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()
+field-text({
helpText: 'Подсказка',
......@@ -665,7 +665,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/fields-group/fields-group.pug
+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()
+fieldset('Название1')
+field-text({
......@@ -699,22 +699,22 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/form/form.pug
+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)
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')
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/scroll-link/scroll-link.pug
+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()
+block-lib-code()
include:show-code(first-line='//- Pug-файл этого блока:') blocks/to-top/to-top.pug
+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
code // Факт открытия
code $('#drop-demo-01').closest('.dropdown').on('shown.nth.dropdown', function () {
......@@ -740,7 +740,7 @@ block content
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)
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')
div слайд1
div слайд2
......@@ -754,7 +754,7 @@ block content
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)
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')
div слайд1
div слайд2
......@@ -768,7 +768,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/swipe/swipe.pug
+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')
p(style='margin-top: 1rem;')
input#demo-nouislider-start(type='number', value='10')
......@@ -777,7 +777,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/nouislider/nouislider.pug
+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') Показать/скрыть боковое меню]
+block-lib-code()
pre.code
......@@ -791,7 +791,7 @@ block content
code a(href='#SOME_HASH', data-toggle-native='off-canvas') Показать/скрыть боковое меню и перейти на якорь
+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') Показать модальное окно]
+modal('modal-demo-01', 'Заголовок', 'some')
.modal__body
......@@ -822,7 +822,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/modal/modal.pug
+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([
{
'id': 'tab00',
......@@ -854,7 +854,7 @@ block content
include:show-code(first-line='//- Pug-файл этого блока:') blocks/tabs/tabs.pug
+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;')
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