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

.wc_seltog {
	&[role='checkbox'] { // Rendered as a control
		&:before {
			@include wc-icon-fw-content($fa-var-square-o, left);
		}

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

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

	&[data-wc-value][aria-checked='true'] {
		font-weight: bold;
	}
}
