// ==========================================================================
// Sortable CSS
// ==========================================================================
.#{$selector} {
	.ipt_uif_sorting {
		margin: 0;
		padding: 0;
		font-size: $font-size-base;
		background: $sortable-bg-color;
		border: 1px solid $sortable-border-color;
	}

	.ipt_uif_sortme {
		padding: 12px 10px;
		border-bottom: 1px solid $sortable-border-color;
		&:last-child {
			border-bottom: 0 none;
		}
		&.ui-sortable-helper {
			border: 1px solid $sortable-border-color;
			background: $preset-bg;
			.ipt_uif_sorting_handle {
				color: $primary-color;
			}
		}
	}
	.ipt_uif_sorting_handle {
		float: right;
		margin-right: 10px;
		font-size: ( $font-size-base * 2 );
		margin-top: -7px;
		color: $sortable-icon-color;
		will-change: color;
		@include material__smooth-tran( 200ms, color );
		cursor: move;
		&:hover,
		&:active,
		&:focus {
			color: $primary-color;
			text-decoration: none;
		}
	}
	.ipt_uif_sortme_placeholder {
		border-bottom: 1px solid $sortable-border-color;
		min-height: 44px;
	}
}