@import '../variables.less';
@import '../mixins.less';

/**********************
mime-types.less
*************************/

@xls: #21a15b;
@xlsx: #21a15b;
@pdf: #f30f01;
@doc: #4386f4;
@docx: @doc;
@json: #9777a8;
@html: #ec6630;
@js: #eeaf4b;
@css: #0096e6;
@jpg: #26b99a;
@jpeg: #26b99a;
@xml: #f29c1f;
@png: #659c35;
@ai: #6d4c13;
@ps: #393687;
@mp3: #7d6599;
@mp4: #ff5364;
@txt: #95a5a5;
@psd: #5889c4;
@dw: #255c26;
@avi: #d75e72;
@ppt: #f6712e;
@csv: #f36fa0;
@svg: #e57e25;
@iso: #71c285;
@zip: #556080;

@files: xls, xlsx, pdf, doc, docx, json, html, js, css, jpg, jpeg, xml, png, ai, ps, mp3, mp4, txt, psd, dw, avi, ppt, csv, svg, iso, zip;

.ecf-colors(@n, @i: 1) when (@i =< @n) {
  
  @file: extract(@files, @i);
  @color: @@file;

  .ecf-back-@{file} {
    background-color: @color;
  }

  .ecf-color-@{file} {
    color: @color;
  }

  .ecf-colors(@n, (@i + 1));
}

.ecf-back-general {
	background: @text_2;
}

.ecf-color-general {
	color: @text_2;
}

.ecf-colors(26);