Любой шаблонизатор (pug, twig, slim) в виде плагина для gulp
Или даже тупой gulp-rigger который который просто вставляет отдельные файлы в указанное место.
.backdrop - fixed на весь экран
.modal - z-index`ом поверх него
Клик для закрытия ловите на бэкдропе
Если будете вешать на body придется дополнительно контролировать откуда пришел клик (внутри модалки или нет), потому что любое неостановленное событие всплывет до самого верха.
konstantinborodov: да, круто =)
Когда еще не было флексов, я с помощью таблиц и этого свойства иногда имитировал то, что сейчас можно сделать свойствами display:flex + flex-direction:row-reverse
konstantinborodov: направление письма можно явно указать в css/ так что хз какого уровня тут вопрос =)
Но Артем верно говорит - такое поведение обусловлено направлением письма, что в свою очередь зависит от языка пользователя.
Или даже тупой gulp-rigger который который просто вставляет отдельные файлы в указанное место.