Alex2033

.sandwich
	.sandwich__line.sandwich__line--top
	.sandwich__line.sandwich__line--middle
	.sandwich__line.sandwich__line--bottom
	
.sandwich {
  cursor: pointer;
  display: none;
  height: 20px;
  position: relative;

Alex2033

$('.tabs-list li').click(function() {
    var tabName = $(this).attr('show-tab');
    $(this).addClass('active').siblings().removeClass('active');
    $('.tabs-content .' + tabName).addClass('active').siblings().removeClass('active');
});

Alex2033

<snippet>
	<content><![CDATA[
<!-- begin $1 -->
<div class="$1">
	$2
</div>
<!-- end $1 -->
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>di</tabTrigger>

Alex2033

.button
	display: inline-block
	border: none
	color: #fff
	text-decoration: none
	background-color: $accent
	padding: 15px 45px
	font-size: 13px
	text-transform: uppercase
	font-weight: 600

Alex2033

HTML:
<div class="wrapper">
    <div class="tabs">
        <span class="tab">Вкладка 1</span>
        <span class="tab">Вкладка 2</span>
        <span class="tab">Вкладка 3</span>        
    </div>
    <div class="tab_content">
        <div class="tab_item">Содержимое 1</div>
        <div class="tab_item">Содержимое 2</div>

Alex2033

PUG:
.loader
	.loader-inner
	
Sass:
.loader
	background: none repeat scroll 0 0 #ffffff
	bottom: 0
	height: 100%
	left: 0