Владимир Ионенко

Почитайте про https://learn.javascript.ru/drag-and-drop

mixin value(name)
  span(class="value " + name)= name
mixin icon(icon, location)
  svg(class="" + icon)
    use(xlink:href="#" + location )
 
.header
  p Text
  +value('example text')
  +icon('icon-location', 'location')

Ответ службы поддержки

They should be the 3x, 2x versions of the asset you’ve exported though. Zeplin generates the technical resources like assets & code snippets tailored to the platform needs. Since most of the developers work with multiple asset sizes to meet the high quality screens. That’s actually why we’ve been generating those sizes as well for the retina screens for instance.

Just to clarify, do you only want to download as the original size? If so, it’s currently sadly not possible at the moment but asset download options is something that high on our to-do list. I’ll make sure to keep you updated for any progress around this one.

Meanwhile, feel free to let me know if you’ve any further questions/suggestions.

не знаю как с помощью бордера, но можно реализовать с помощью абсолютно расположенного єлемента. Примерно так :

.element {
	padding: 30px;
	background: #eee;
	position: relative;
	&:after {
		position: absolute;
		content:"";
		width: 0;
		height: 2px;
		background: red;
		bottom: 0;
		right: 0;
		left: 0;
		transition: all .5s;   
	} 

	&:hover {
		&:after {
			width: 100%; 
		}
	}
}

вот как это выглядит
https://jsfiddle.net/ionenkovladimir/qb5m057o/

Если я Вас правильно понял, то можно поступить следующим образом :

$(document).ready(function(){
     $(window).scroll(function(){
     	var headerHeight = $('.slider').height();
        if ($(this).scrollTop() >headerHeight) {
            $('.header').addClass("fixed");
        } else {
           $('.header').removeClass("fixed");
        }
    });
});

Ну и собственно добавить в css класс

.fixed {
  position:fixed;
  top: 0;
  left: 0;
  right: 0;
}