//
// Component: Pagination
//
// ========================================================================


// Variables
// ========================================================================

@pagination-padding-vertical:                   1px;
@pagination-padding-horizontal:                 3px;
@pagination-line-height:                        @global-line-height;
@pagination-background:                         rgba(0,0,0,0);
@pagination-color:                              @global-color;
@pagination-hover-color:                        @global-link-color;
@pagination-hover-background:                   @global-background;
@pagination-onclick-background:                 @global-light-background;
@pagination-onclick-color:                      @pagination-hover-color;

@pagination-active-background:                  @global-background;
@pagination-active-color:                       @global-primary-2-background;

@pagination-disabled-background:                @global-background;
@pagination-disabled-color:                     @global-muted-color;

@pagination-margin-left:						10px;

// Component
// ========================================================================

.hook-pagination-item() {
	border: 1px solid rgba(0,0,0,0);
	border-radius: @global-border-radius;
	transition: @global-transition;
}


// Items
// ========================================================================

.hook-pagination-link() {
	border-radius: 50%;
}

.hook-pagination-link-hover() {
	border: 1px solid @pagination-hover-color;
}

.hook-pagination-link-active() {}

//
// Active
//

.hook-pagination-active() {
	border: 1px solid @pagination-active-color;
	border-radius: 50%;
}

//
// Disabled
//

.hook-pagination-disabled() {}


// Miscellaneous
// ========================================================================

.hook-pagination-misc() {
	.uk-pagination {text-align: left;}
}