sedona-blocks

global

Usage no npm install needed!

<script type="module">
  import sedonaBlocks from 'https://cdn.skypack.dev/sedona-blocks';
</script>

README

Набор типовых блоков для составления структуры страниц

Гайдлайн по созданию

Типы

Глобальные

Системные

Основа без которой не обойтись.

Шаблонные

Самостоятельные блоки. Не могут вкладываться в другие.

Содержательные

Могут использоваться как самостоятельные блоки, так и вкладываться в другие, но не сами в себя.

Инлайновые

Не могут использоваться как самостоятельные блоки, обязательно должны вкладываться в шаблонный или содержательный типы.

Установка

npm i sedona-blocks

Подключение

В файле gulpfile.js:

…
main: [
  'node_modules/sedona-blocks/src/global/global.less',
  'node_modules/sedona-blocks/src/scene/scene.less',
  'node_modules/sedona-blocks/src/wysiwyg/wysiwyg.less',
  'node_modules/sedona-blocks/src/footer/footer.less',
  'node_modules/sedona-blocks/src/header/header.less',
  'node_modules/sedona-blocks/src/notify/notify.less',
  'node_modules/sedona-blocks/src/carousel/carousel.less',
  'node_modules/sedona-blocks/src/grid/grid.less',
  'node_modules/sedona-blocks/src/card/card.less',
  'node_modules/sedona-blocks/src/form/form.less',
  'node_modules/sedona-blocks/src/file/file.less',
  'node_modules/sedona-blocks/src/range/range.less',
  'node_modules/sedona-blocks/src/icon/icon.less',
  'node_modules/sedona-blocks/src/social/social.less',
  'node_modules/sedona-blocks/src/table/table.less',
  'src/less/main.less'
]
…
app: [
  'node_modules/sedona-blocks/src/global/global.js',
  'node_modules/sedona-blocks/src/header/header.js',
  'node_modules/sedona-blocks/src/carousel/carousel.js',
  'node_modules/sedona-blocks/src/form/form.validate.js',
  'node_modules/sedona-blocks/src/file/file.js',
  'node_modules/sedona-blocks/src/range/range.js',
  'node_modules/sedona-blocks/src/table/table.js',
  'src/js/app.js'
]
…