Seti UI Icon Enhancements

enhancements.less

// Atom Seti UI Icon Enhancements
// Nijiko Yonskai <nijikokun@gmail.com> 2014
// License MIT

// Colors

@color-default: #D3D6D5;
@color-bower: #F0582B;
@color-coffee: #a6814f;
@color-css: #29A8DE;
@color-grunt: #FAA91A;
@color-gulp: #EE4845;
@color-handlebars: #E58824;
@color-hidden: #40535B;
@color-html: #F26621;
@color-image: #35BAA0;
@color-video: #35BAA0;
@color-jade: #9FCA56;
@color-js: #F1DD3F;
@color-json: #F1D06D;
@color-less: #29A8DE;
@color-license: #BCA784;
@color-md: #888888;
@color-mustache: #E58824;
@color-npm: #CD3631;
@color-php: #6C5FA9;
@color-procfile: #5C5887;
@color-python: #356EA0;
@color-ruby: #B42839;
@color-sass: #CE6499;
@color-styl: #B3D034;
@color-xml: #F79451;
@color-font: #FFFFFF;

// Additional Font Icons
@font-face {
  font-family: 'FontAwesome';
  src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?v0.0.1');
  src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont?v0.0.1') format('embedded-opentype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.woff?v0.0.1') format('woff'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf?v0.0.1') format('truetype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont?v0.0.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icospacing {
  top: 6px !important;
}

// Configuration / Hidden files
.file-icon-log,
[data-name$='.log'],
[data-name$='.gitignore'],
[data-name$='.gitattributes'],
[data-name$='.gitkeep'],
[data-name$='.npmignore'],
[data-name$='.nodemonignore'],
[data-name$='.bowerrc'],
[data-name$='.npmrc'],
[data-name$='.rspec'],
[data-name$='.pairs'],
[data-name$='.config'],
[data-name$='.DS_Store'],
[data-name$='.spectacular'],
[data-name$='.ruby-version'],
[data-name*='.sublime-'] {
  position: relative !important;
  display: inline-block !important;
  top:-5px !important;
  padding: 0 !important;
  color: @color-hidden !important;

  &:before {
    top: 6px !important;
    left: -3px !important;
    font-family: 'icomoon' !important;
    font-size: 22px !important;
    content: '\e615' !important;
    color: @color-hidden !important;
  }
}

// Markdown files
[data-name$='.md']:before {
  top: 1px !important;
  font-family: 'Octicons Regular' !important;
  font-size: 18px !important;
  content: '\f0c9' !important;
  color: @color-md !important;
}

// PDF files
[data-name$='.pdf']:before {
  top: 1px !important;
  font-family: 'Octicons Regular' !important;
  font-size: 18px !important;
  content: '\f014' !important;
  color: @color-default;
}

// Fonts files
[data-name$='.woff']:before,
[data-name$='.ttf']:before,
[data-name$='.otf']:before,
[data-name$='.eot']:before {
  top: 1px !important;
  font-family: 'FontAwesome' !important;
  font-size: 14px !important;
  content: '\f031' !important;
  color: @color-font;
}

// Images files
[data-name$='.ai']:before,
[data-name$='.jpeg']:before,
[data-name$='.jpg']:before,
[data-name$='.png']:before,
[data-name$='.gif']:before,
[data-name$='.psd']:before,
[data-name$='.svg']:before,
[data-name$='.svgx']:before,
[data-name$='.ico']:before {
  top: 1px !important;
  font-family: 'FontAwesome' !important;
  font-size: 14px !important;
  content: '\f1c5' !important;
  color: @color-image;
}

// Videos files
[data-name$='.mpg']:before,
[data-name$='.avi']:before,
[data-name$='.mov']:before,
[data-name$='.flv']:before,
[data-name$='.swf']:before,
[data-name$='.ogg']:before {
  top: 1px !important;
  font-family: 'FontAwesome' !important;
  font-size: 14px !important;
  content: '\f1c8' !important;
  color: @color-video;
}

// License files
[data-name='CHANGELOG']:before,
[data-name='README']:before,
[data-name='Readme']:before,
[data-name='README.md']:before,
[data-name='Readme.md']:before,
[data-name='History']:before {
  top: 1px !important;
  font-family: 'Octicons Regular' !important;
  font-size: 18px !important;
  content: '\f007' !important;
  color: @color-default;
}

[data-name*='LICENSE']:before,
[data-name^='License']:before,{
  top: 1px !important;
  font-family: 'Octicons Regular' !important;
  font-size: 18px !important;
  content: '\f049' !important;
  color: @color-license;
}