@import 'mediawiki.mixins';

/* Table Sorting */

table.jquery-tablesorter {
	th.headerSort {
		.background-image-svg( 'images/sort_both.svg', 'images/sort_both.png' );
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center right;
		// Note: To avoid reflows, a padding is set in
		// the jquery.tableSorter.styles module as a render blocking style.
		// Please do not add any CSS rules here that impact the positioning of the element
		// e.g. padding, margin, position or float.
	}

	th.headerSortUp {
		.background-image-svg( 'images/sort_up.svg', 'images/sort_up.png' );
	}

	th.headerSortDown {
		.background-image-svg( 'images/sort_down.svg', 'images/sort_down.png' );
	}
}
