Задать вопрос

Pastaraje

Ответы пользователя по тегу CSS

  • Как в less использовать mixin с 2-мя параметрами в url?

    @Pastaraje 
    .pic_url(@folder: define;@name: me) {
	background-image: url("/@{folder}/@{name}.png");
}

.span {
	.pic_url();
}
.span {
	.pic_url(images;some);
}
.span {
	.pic_url(@name: pls);
}
.span {
	.pic_url(@folder: folder;@name: file);
}


    На выходе

    .span {
  background-image: url("/define/me.png");
}
.span {
  background-image: url("/images/some.png");
}
.span {
  background-image: url("/define/pls.png");
}
.span {
  background-image: url("/folder/file.png");
}
    Ответ написан
    Комментировать
    Комментировать

  • Как привязаться к родительскому классу ArcticModal, если все родители это стандартные классы, которые выдает сам плагн?

    @Pastaraje
    Не сложно, есть ряд возможностей, например, повесить в data тип вызываемого окна
    <a href="#" data-modal="#default">Окно стандартного типа</a>
<a href="#" data-modal="#red" data-modal-type="red">Окно с красным фоном</a>


    И скрипт
    $('[data-modal]').click(function(){
		var modal = $(this).data('modal');
		var modalType = $(this).attr('data-modal-type');
		$(modal).arcticmodal({
			beforeOpen: function(data, el) {
				$('body').addClass('modalType-'+modalType)
			},
			afterClose: function(data, el) {
				$('body').removeClass('modalType-'+modalType)
			}
		});
		return false;
	});

    Стандартное окно всегда будет давать класс undefined, прочие - назначенный.

    Вариант второй, если без data.
    <a href="#default">Окно стандартного типа</a>
<a href="#red">Окно с красным фоном</a>

    $('.modalTrigger').click(function(){
		var modal = $(this).attr('href');
		$(modal).arcticmodal({
			beforeOpen: function(data, el) {
				if(modal === '#red') {
					$('body').addClass('red');
				}
			},
			afterClose: function(data, el) {
				$('body').removeClass('red');
			}
		});
		return false;
	});
    Ответ написан
    Комментировать
    Комментировать