blog/_src/assets/less/navigation.less

/////////////////////////////////////
// NAVIGATION
/////////////////////////////////////


// Main Navigation
/////////////////////////////////////

.nav-main {
	margin-top: 0;
    .textcenter;
    
    .row { 
        margin-top: 0;
        margin-bottom: 0;
    }
    li { display: inline-block; }
}

a.nav-main-link {
	.btn-tag;
	.h6;
	color: @text-color-light;
    padding: @line-height-computed/4 @line-height-computed/2;
    display: block;
    float: left;
    border-radius: @border-radius-base;
	
	li:first-child & { margin-left: 0 }
    
    // active state
    .current_page_item & { background: rgba(255,255,255,.7) }
}

// Pager
/////////////////////////////////////

.pager {
	.clearfix;
    font-family: @headings-font-family;
    font-weight: @headings-font-weight;
    line-height: @headings-line-height;
	.h6;
    
	p { position: relative;	}
	a { display: block; }
    
	i {
		position: absolute;
		left: 0;
		top: 0;
	}
    
	.alignright { text-align: right; }
	
	.alignleft i { margin-right: .5em; }
	
	.alignright i { 
        margin-left: .5em;
		left: auto;
		right: 0;
    }
	
	.alignleft a { margin-left: 1.5em; }
	.alignright a { margin-right: 1.5em; }
	
	
}


// Infinite Loader
/////////////////////////////////////

.infiniteLoader p {
	width: 100%
}

.infiniteLoader .alignright,
.infiniteLoader i {
	.hide;
}

.infiniteLoader a {
	.btn;
	.aligncenter;
	
	@media @breakpoint1 {
		max-width: 40%;
	}
}