Cacher is the code snippet organizer for pro developers

.modal
	display none
	background white
	padding 30px 20px
	br(4px) 
	position relative
	.icon-times
		position absolute
		top 10px
		right 10px
		font-size 22px
		cp()

$('.get-modal').click(function(){
		$('.modal').bPopup({
			closeClass:'icon-times',
				position:['auto','auto'], // position center
				follow: [true,false],
		}); 
		event.preventDefault();
})

//запуск всех по data
.btn.get-modal(data="класс имени окна") triger

$('.get-modal').click(function(){
		  $('.modal').each(function() {
					$(this).bPopup().close();
			});
		  window.scrollTo(0,0);
			var dataModal = $(this).attr('data');
			$('.modal').each(function() {
			if ($(this).hasClass(dataModal)) {
					$(this).bPopup({
						closeClass:'icon-close-modal',
						appendTo: 'body',
							//follow: [true,true],
							onOpen: function() {
								$('.mm-page').css("height","1px")
							 }, 
           		onClose: function() { 
           			$('.mm-page').css("height","auto")
           	 }
					}); 
				}
			});
	})

//bower i bpopup --save-dev
//script(src="bower/bPopup/jquery.bpopup.min.js")
.btn.btn--md.btn--red.get-modal модальное окно
		.modal
			.icon-times
			p  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, voluptatibus?