Created
July 2, 2015 10:12
-
-
Save sn3p/35247b74c2d403272caa to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.14) | |
// Compass (v1.0.3) | |
// ---- | |
%file-links { | |
%style { | |
&::before { | |
background: no-repeat center; | |
content: ""; | |
display: inline-block; | |
height: 24px; | |
margin-right: 4px; | |
vertical-align: top; | |
width: 16px; | |
} | |
* { | |
font-size: inherit; | |
font-style: inherit; | |
font-weight: inherit; | |
} | |
} | |
$files: ( | |
"pdf.png": ("pdf"), | |
"word.png": ("doc"), | |
"excel.png": ("xls", "csv"), | |
"powerpoint.png": ("ppt"), | |
"text.png": ("rtf", "txt"), | |
"video.png": ("mov", "mpeg", "avi", "mkv", "mp4", "qt", "3gp", "flv", "wmv"), | |
"audio.png": ("mp3", "wav", "aif", "m4a", "ogg", "flac"), | |
"archive.png": ("zip", "rar", "7z", "tar"), | |
"photoshop.png": ("psd", "psb") | |
); | |
@each $icon, $extentions in $files { | |
@each $extention in $extentions { | |
a[href*=".#{$extention}"] { | |
@extend %style; | |
&::before { | |
// background-image: url(image-path('file-types/#{$icon}')); | |
background-image: url('http://defacto.learningspaces.dev/assets/file-types/#{$icon}'); | |
} | |
} | |
} | |
} | |
} | |
article { | |
@extend %file-links; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
article a[href*=".pdf"]::before, article a[href*=".doc"]::before, article a[href*=".xls"]::before, article a[href*=".csv"]::before, article a[href*=".ppt"]::before, article a[href*=".rtf"]::before, article a[href*=".txt"]::before, article a[href*=".mov"]::before, article a[href*=".mpeg"]::before, article a[href*=".avi"]::before, article a[href*=".mkv"]::before, article a[href*=".mp4"]::before, article a[href*=".qt"]::before, article a[href*=".3gp"]::before, article a[href*=".flv"]::before, article a[href*=".wmv"]::before, article a[href*=".mp3"]::before, article a[href*=".wav"]::before, article a[href*=".aif"]::before, article a[href*=".m4a"]::before, article a[href*=".ogg"]::before, article a[href*=".flac"]::before, article a[href*=".zip"]::before, article a[href*=".rar"]::before, article a[href*=".7z"]::before, article a[href*=".tar"]::before, article a[href*=".psd"]::before, article a[href*=".psb"]::before { | |
background: no-repeat center; | |
content: ""; | |
display: inline-block; | |
height: 24px; | |
margin-right: 4px; | |
vertical-align: top; | |
width: 16px; | |
} | |
article a[href*=".pdf"] *, article a[href*=".doc"] *, article a[href*=".xls"] *, article a[href*=".csv"] *, article a[href*=".ppt"] *, article a[href*=".rtf"] *, article a[href*=".txt"] *, article a[href*=".mov"] *, article a[href*=".mpeg"] *, article a[href*=".avi"] *, article a[href*=".mkv"] *, article a[href*=".mp4"] *, article a[href*=".qt"] *, article a[href*=".3gp"] *, article a[href*=".flv"] *, article a[href*=".wmv"] *, article a[href*=".mp3"] *, article a[href*=".wav"] *, article a[href*=".aif"] *, article a[href*=".m4a"] *, article a[href*=".ogg"] *, article a[href*=".flac"] *, article a[href*=".zip"] *, article a[href*=".rar"] *, article a[href*=".7z"] *, article a[href*=".tar"] *, article a[href*=".psd"] *, article a[href*=".psb"] * { | |
font-size: inherit; | |
font-style: inherit; | |
font-weight: inherit; | |
} | |
article a[href*=".pdf"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/pdf.png"); | |
} | |
article a[href*=".doc"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/word.png"); | |
} | |
article a[href*=".xls"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/excel.png"); | |
} | |
article a[href*=".csv"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/excel.png"); | |
} | |
article a[href*=".ppt"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/powerpoint.png"); | |
} | |
article a[href*=".rtf"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/text.png"); | |
} | |
article a[href*=".txt"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/text.png"); | |
} | |
article a[href*=".mov"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".mpeg"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".avi"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".mkv"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".mp4"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".qt"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".3gp"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".flv"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".wmv"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/video.png"); | |
} | |
article a[href*=".mp3"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/audio.png"); | |
} | |
article a[href*=".wav"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/audio.png"); | |
} | |
article a[href*=".aif"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/audio.png"); | |
} | |
article a[href*=".m4a"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/audio.png"); | |
} | |
article a[href*=".ogg"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/audio.png"); | |
} | |
article a[href*=".flac"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/audio.png"); | |
} | |
article a[href*=".zip"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/archive.png"); | |
} | |
article a[href*=".rar"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/archive.png"); | |
} | |
article a[href*=".7z"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/archive.png"); | |
} | |
article a[href*=".tar"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/archive.png"); | |
} | |
article a[href*=".psd"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/photoshop.png"); | |
} | |
article a[href*=".psb"]::before { | |
background-image: url("http://defacto.learningspaces.dev/assets/file-types/photoshop.png"); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment