@import 'mixins/common';

.wc-multifileupload .wc-file {
  // IE11 cannot calc 100% - 1.333em and set a right pad in em at the same
  // time. Useless POS.
  padding-right: 3px;
}

// The default file upload in IE is a bit ugly if anything is styled at all.
// This CSS may be considered lipstick. If we cannot style the pseudo elements
// (IE9-) then it can remain ugly.
//sass-lint:disable no-vendor-prefixes
[type='file'] {
  @if ($wc-clr-global-bg != -1) {
    background-color: $wc-clr-global-bg;
  }
  padding: 0;

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

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

  @if ($wc-clr-disabled-bg != -1) {
    &[disabled] {
      background-color: $wc-clr-disabled-bg;
    }
  }
}
//sass-lint:enable no-vendor-prefixes
