Ответы пользователя по тегу 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;
    	});
    Ответ написан
    Комментировать