/* wc.ui.fileUpload.pattern_edge.scss */
@import 'mixins-common';
// Yes: Edge uses the -ms- shadow elements and has the same lipstick on a pig appearance as IE 11.
//scss-lint:disable VendorPrefix
input[type='file'] {
	@include border($width: 0);
	background-color: transparent;
	padding: 0;

	// pseudo-element ::-ms-browse on its own has detrimental effects on all buttons!!
	&::-ms-browse {
		@include button;
		@include border($pos: left, $width: 0);
	}

	&::-ms-value {
		@include border;
		@include margin($size: 0);
		background-color: transparent;
	}

	&[disabled]::-ms-value {
		background-color: $wc-ui-color-disabled-bg;
	}
}
