Skip to content

Instantly share code, notes, and snippets.

@cwparsons
Created December 8, 2015 21:06
Show Gist options
  • Save cwparsons/c1d30bac773ce0439c9d to your computer and use it in GitHub Desktop.
Save cwparsons/c1d30bac773ce0439c9d to your computer and use it in GitHub Desktop.
.file-icon(@ext, @type: "png", @file: @ext) {
&[href*=".@{ext}"] {
background-image: url("/_layouts/15/images/ic@{file}.@{type}");
}
}
.hcf-file-icon {
background-position: 5px 1px;
background-repeat: no-repeat;
padding-left: 30px;
.file-icon("ascx", "gif");
.file-icon("asmx", "gif");
.file-icon("bmp", "gif");
.file-icon("doc");
.file-icon("docm");
.file-icon("docx");
.file-icon("dot");
.file-icon("dotm");
.file-icon("dotx");
.file-icon("gif", "gif");
.file-icon("html");
.file-icon("jpg", "gif");
.file-icon("jpeg", "gif");
.file-icon("js", "gif");
.file-icon("mp4");
.file-icon("msg");
.file-icon("mtg");
.file-icon("mht", "gif");
.file-icon("mhtml", "gif");
.file-icon("pdf");
.file-icon("png", "gif");
.file-icon("pot");
.file-icon("potx");
.file-icon("ppa");
.file-icon("pps");
.file-icon("ppsdc");
.file-icon("ppt");
.file-icon("pptm");
.file-icon("pptx");
.file-icon("rtf", "gif");
.file-icon("txt", "gif");
.file-icon("vdx");
.file-icon("vsd", "gif");
.file-icon("vsdx", "gif");
.file-icon("xls");
.file-icon("xlsm");
.file-icon("xlsx");
.file-icon("wma", "gif");
.file-icon("xml", "gif", "htmdoc");
.file-icon("xps", "gif");
.file-icon("zip", "gif");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment