/* wc.ui.table.rowSelectionIcons.scss */
@import 'mixins-common';

// only want to style aria-selected rows, nothing else
.wc_table_sel_wrapper:before {
	tr[aria-selected] > & {
		content: $fa-var-circle-o;
	}

	tr[aria-selected='true'] > & {
		content: $fa-var-dot-circle-o;
	}
}

[aria-multiselectable='true'] {
	> thead .wc_seltog[role='checkbox'] { // Rendered as a control - need to reverse the colour scheme.
		&:before {
			content: $fa-var-square;
		}

		&[aria-checked='true']:before {
			content: $fa-var-check-square-o;
		}

		&[aria-checked='mixed']:before {
			content: $fa-var-square-o;
		}
	}

	> tbody  > tr {
		&[aria-selected] > .wc_table_sel_wrapper:before {
			content: $fa-var-square-o;
		}

		&[aria-selected='true'] > .wc_table_sel_wrapper:before {
			content: $fa-var-check-square-o;
		}
	}
}

.wc_table_sel_wrapper .wc-menuitem {
	&:before {
		content: $fa-var-square-o;
	}

	&[data-wc-value='all']:before {
		content: $fa-var-check-square-o;
	}
}
