// ====================================================================================================================
// PAGINATION (multiple pages)
// ====================================================================================================================

@if $pagination {

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Base
// --------------------------------------------------------------------------------------------------------------------

	.pagination {
		margin: rhythm() 0;

		> * {
			@extend .clearfix;
			@include border-radius($base-border-radius);
			@include inline-block;
			margin-bottom: 0;
			margin-left: $input-border;

			li {
				float: left;
				list-style-type: none;

				a,
				span {
					display: inline-block;
					padding: $pagination-padding;
					line-height: 1em;
					text-decoration: none;
					border-width: $input-border;
					border-style: solid;
					margin-left: -$input-border;
					@extend %pagination-btn !optional;
				}
			}

			li:first-child > a,
			li:first-child > span {
				border-left-width: 1px;
			}

			li > a:hover,
			li > a:focus {
				@extend %pagination-btn_hover !optional;
			}

			li > a:active {
				@extend %pagination-btn_active !optional;
			}

			// Bootstrap
			.active > a,
			.active > a:hover,
			.active > span,
			.active > span:hover,

			// WP Paginate
			.current,
			.current:hover {
				@extend %pagination-btn_current !optional;
			}

			.disabled > span,
			.disabled > a,
			.disabled > a:hover,
			.disabled > a:focus {
				@extend %pagination-btn_disabled !optional;
			}

			.active > a,
			.active > span,
			.disabled > span,
			.disabled > a,
			.disabled > a:hover,
			.disabled > a:focus {
				cursor: default;
			}
		}
	}

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Alignment
// --------------------------------------------------------------------------------------------------------------------
	.pagination--center {text-align: center; }
	.pagination--right 	{text-align: right; }

// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
// Rounded sides
// --------------------------------------------------------------------------------------------------------------------
	.pagination--rounded {
		li:first-child > a,
		li:first-child > span {
			@include border-left-radius($base-border-radius);
		}

		li:last-child > a,
		li:last-child > span {
			@include border-right-radius($base-border-radius);
		}
	}

}