Commit 4576b521 authored by Nikolay Gromov's avatar Nikolay Gromov

Baron: добавил необходимость указывать ID, поправил описание

parent c6c1a333
...@@ -855,7 +855,7 @@ block content ...@@ -855,7 +855,7 @@ block content
+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(linkify, html='true', typographer='true', quotes='«»') blocks/baron/readme.md
+baron('block-demo')(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!
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!
......
document.addEventListener('DOMContentLoaded', function(){ document.addEventListener('DOMContentLoaded', function(){
baron({ baron({
root: '.baron', // Блок, в котором будет кастомный скролл root: '#baron-demo',
scroller: '.baron__scroller', scroller: '.baron__scroller',
bar: '.baron__bar', bar: '.baron__bar',
scrollingCls: 'baron--scrolling', scrollingCls: 'baron--scrolling',
......
...@@ -3,9 +3,10 @@ ...@@ -3,9 +3,10 @@
//- (должна быть указана в ./projectConfig.json, есть по умолчанию) //- (должна быть указана в ./projectConfig.json, есть по умолчанию)
//- ВНИМАНИЕ! Помимо вызова примеси, нужно включить baron на блоке! см. blocks/baron/baron.js //- ВНИМАНИЕ! Помимо вызова примеси, нужно включить baron на блоке! см. blocks/baron/baron.js
mixin baron(mods, tag) mixin baron(id, mods, tag)
//- Принимает: //- Принимает:
//- id {string} - ID этого конкретного блока с кастомным скроллом
//- mods {string} - список модификаторов //- mods {string} - список модификаторов
//- tag {string} - тег //- tag {string} - тег
//- Вызов: //- Вызов:
...@@ -29,7 +30,7 @@ mixin baron(mods, tag) ...@@ -29,7 +30,7 @@ mixin baron(mods, tag)
parentTag = tag; parentTag = tag;
} }
#{parentTag}.baron(class=allMods)&attributes(attributes) #{parentTag}.baron(id=id, class=allMods)&attributes(attributes)
.baron__scroller .baron__scroller
block block
.baron__track .baron__track
......
Кастомный скролл c [baron](https://www.npmjs.com/package/baron) (зависимость берётся в сборку по умолчанию). [Демо кастомного скролла](http://diokuz.github.io/baron/).. Кастомный скролл c [baron](https://www.npmjs.com/package/baron) (зависимость берётся в сборку по умолчанию). [Демо кастомного скролла](http://diokuz.github.io/baron/)..
Кастомный скролл включён для всех тегов с классом `.baron` в `blocks/baron/baron.js`. Стили берутся из `blocks/baron/baron.scss`, оставлена одна тема оформления (используется по умолчанию). См. [стилизацию оригинальных тем](https://github.com/Diokuz/baron/blob/master/skins/styles.css). Для каждого блока нужно включать baron в `blocks/baron/baron.js`.
Оставлена одна тема оформления (используется по умолчанию). Стили берутся из `blocks/baron/baron.scss`. См. [стилизацию оригинальных тем](https://github.com/Diokuz/baron/blob/master/skins/styles.css).
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