/dynamic_adapt

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

Primary LanguageJavaScript

Динамический адаптив (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)