Как использовать @mixin несколько раз?

Andrey Perov, sass

Как использовать @mixin несколько раз?

Andrey Perov
в вашем миксине аргументы принимают всю строку, а у меня только значение которое анимируем.
не знаете как реализовать с текущей структурой?

@mixin transition-base($property:false){
    @if(not $property){
        transition:all 250ms ease 0s;
    }
    @else{
        transition:$property 250ms ease 0s;
    }
}

Как использовать значение переменной из списка переменных?

Alexander Pushkarev спасибо!

Сколько времени у вас уходит на верстку несложного лендинга?

Артур: предпочитаете за еду работать?)

Jquery библиотека для галлереи?

Daniel_Defo: гугл картинки, там похожая на ваш макет логика

Как правильно получить data-атрибут родительского контейнера нажатой кнопки?

0xD34F: весомо)
спасибо!

Как правильно получить data-атрибут родительского контейнера нажатой кнопки?

0xD34F .closest() быстрее отрабатывает, чем .parents() ?

Где найти такой эффект css?

Sagan:
пробуйте так

.popup{
	opacity: 0;
	visibility: hidden;
	height: 290px;
	width: 544px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background-color: $stack-color;
	overflow: hidden;
	position:absolute;
	top:-30px;
	left: -10px;
	z-index: 245;
	@include transition(all 0.5s);
	transform:translateY(-100%);
	//transform:translateY(100%);//или это правило вместо верхнего
}
.offers__card:hover .popup{
	opacity: 1;
	visibility: visible;
	transform:translateY(0);
}

Как получить координаты курсора внутри элемента?

artem78: интересное решение, спасибо!

Как получить координаты курсора внутри элемента?

artem78 нет, ваш код получает координаты курсора от края страницы, а не конкретно в элементе

Как запретить выделение нескольких компонентов одновременно?

Kostik_1993:
получилось, спасибо за наводку!
итоговый код вышел таким

$('.trigger').click(function(){
	var parent = $(this).parents('.parent');
	var parentActive = 'active';
	if(parent.hasClass(parentActive)){
		$(this).parents('.parent').toggleClass(parentActive);
	}
	else{
		$('.' + parentActive).removeClass(parentActive);
		$(this).parents('.parent').toggleClass(parentActive);
	}
});

$(document).click(function(event){
	if(!$(event.target).is('.active *')){
		$('.active').removeClass('active');
	}
});

Как запретить выделение нескольких компонентов одновременно?

Kostik_1993 а если выделить не одноуровневые, а по всему документу?

Как выбрать контрольные точки?

Crimp B: не многие используют этот подход в верстке

Как задать tabindex в попапе?

Юнус Газиев спасибо!
Интересно, зачем добавляют пустые компоненты с tabindex, если попап и так идет следом за вызывающей его кнопкой, то есть все равно фокус перейдет на элементы лежащие внутри него.

Как задать tabindex в попапе?

Никита Полевой: еще вариант вместо пустышки класть кнопку закрытия (крестик) который в 90% по дизайну находиться как раз вверху, то есть его можно расположить по DOM первым, все равно будет вынесен на абсолюте.

но хочется найти более интересное решение)

Как задать tabindex в попапе?

Никита Полевой: например если в попапе интерактивный элемент находиться в самом низу, а до него много текста, на экран-два.
поэтому передавать фокус не совсем правильно.

Как реализовать размытие фиксированного слоя при прокрутке ?

Константин Величко плагин дублирует контент, это плохо.

Как реализовать размытый фон?

Иван увы, не вариант.

Делать костыль с дублированием контента на котором использовать filter совсем злая идея))

Как верстать тень у иконки?

Nekto_Habr: запрос на сервер отсутствует по причине использование иконок как кода, а не отдельного файла как в случае с шрифтом.

не помню, что бы была информация о размытости svg иконок, а вот у иконочного шрифта бывает)

Как верстать тень у иконки?

Иван: вектор это SVG, а шрифт там свои кривые, которые объяснить увы не могу.