samsonovdenys / dynamic_adapt

Динамический адаптив. JS функция для комфортной адаптивной верстки

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Динамический адаптив (Dynamic Adapt)

JS функция для комфортной адаптивной верстки. Позволяет "перебрасывать" объекты в DOM в зависимости от потребностей при адаптивной верстке.

Применение.

Для перещаемого объекта пишем атрибут - data-da и указываем параметры

Параметры

data-da="куда,какой,когда"

Название Значение по-умолчанию Описание
куда (имя класса) [обязательный] Класс блока, в который нужно будет "перебросить" текущий объект. Если класс не уникален, объек перебросится в первый элемент с этим классом.
какой 'last' Позиция на которую нужно переместить объект внутри родителя куда. Кроме цифр можно указать слова first (в начало блока) или last (в конец блока)
когда 767 Брейкпоинт при котором перемещать объект.

Примеры

data-da="class_name,2,992", data-da="class_name", data-da="class_name,2"

Спасибо за идеи и предложения

last и first - идея Mark. Параметры по умолчанию - идея mubat (https://github.com/mubat)

About

Динамический адаптив. JS функция для комфортной адаптивной верстки


Languages

Language:JavaScript 62.8%Language:HTML 18.7%Language:CSS 18.5%