diff --git a/dist/file-icon-square-o.css b/dist/file-icon-square-o.css new file mode 100644 index 0000000..19b6d07 --- /dev/null +++ b/dist/file-icon-square-o.css @@ -0,0 +1,341 @@ +/*! + * File Icon Vectors 0.8.1 (https://github.com/dmhendricks/file-icon-vectors) + * Copyright 2018 Daniel M. Hendricks (https://www.danhendricks.com) + * Licensed under MIT (https://github.com/dmhendricks/file-icon-vectors/blob/master/LICENSE) + */ +.fiv-background, .fiv-sqo { + background-size: contain; + background-position: 50%; + background-repeat: no-repeat; +} + +.fiv-size-md { + font-size: 2.25em; +} + +.fiv-size-lg { + font-size: 3.5em; +} + +.fiv-size-xl { + font-size: 4.75em; +} + +.fiv-sqo { + position: relative; + display: inline-block; + line-height: 1em; + width: 1em; +} + +.fiv-sqo:before { + content: '\00a0'; +} + +.fiv-sqo.fiv-icon-3g2 { + background-image: url("icons/square-o/3g2.svg"); +} + +.fiv-sqo.fiv-icon-3ga { + background-image: url("icons/square-o/3ga.svg"); +} + +.fiv-sqo.fiv-icon-3gp { + background-image: url("icons/square-o/3gp.svg"); +} + +.fiv-sqo.fiv-icon-aa { + background-image: url("icons/square-o/aa.svg"); +} + +.fiv-sqo.fiv-icon-aac { + background-image: url("icons/square-o/aac.svg"); +} + +.fiv-sqo.fiv-icon-aif { + background-image: url("icons/square-o/aif.svg"); +} + +.fiv-sqo.fiv-icon-aifc { + background-image: url("icons/square-o/aifc.svg"); +} + +.fiv-sqo.fiv-icon-aiff { + background-image: url("icons/square-o/aiff.svg"); +} + +.fiv-sqo.fiv-icon-amr { + background-image: url("icons/square-o/amr.svg"); +} + +.fiv-sqo.fiv-icon-asf { + background-image: url("icons/square-o/asf.svg"); +} + +.fiv-sqo.fiv-icon-asx { + background-image: url("icons/square-o/asx.svg"); +} + +.fiv-sqo.fiv-icon-au { + background-image: url("icons/square-o/au.svg"); +} + +.fiv-sqo.fiv-icon-aup { + background-image: url("icons/square-o/aup.svg"); +} + +.fiv-sqo.fiv-icon-avi { + background-image: url("icons/square-o/avi.svg"); +} + +.fiv-sqo.fiv-icon-blank { + background-image: url("icons/square-o/blank.svg"); +} + +.fiv-sqo.fiv-icon-bmp { + background-image: url("icons/square-o/bmp.svg"); +} + +.fiv-sqo.fiv-icon-bpg { + background-image: url("icons/square-o/bpg.svg"); +} + +.fiv-sqo.fiv-icon-caf { + background-image: url("icons/square-o/caf.svg"); +} + +.fiv-sqo.fiv-icon-cr2 { + background-image: url("icons/square-o/cr2.svg"); +} + +.fiv-sqo.fiv-icon-dng { + background-image: url("icons/square-o/dng.svg"); +} + +.fiv-sqo.fiv-icon-doc { + background-image: url("icons/square-o/doc.svg"); +} + +.fiv-sqo.fiv-icon-docx { + background-image: url("icons/square-o/docx.svg"); +} + +.fiv-sqo.fiv-icon-dot { + background-image: url("icons/square-o/dot.svg"); +} + +.fiv-sqo.fiv-icon-dotx { + background-image: url("icons/square-o/dotx.svg"); +} + +.fiv-sqo.fiv-icon-flac { + background-image: url("icons/square-o/flac.svg"); +} + +.fiv-sqo.fiv-icon-folder { + background-image: url("icons/square-o/folder.svg"); +} + +.fiv-sqo.fiv-icon-gif { + background-image: url("icons/square-o/gif.svg"); +} + +.fiv-sqo.fiv-icon-iff { + background-image: url("icons/square-o/iff.svg"); +} + +.fiv-sqo.fiv-icon-image { + background-image: url("icons/square-o/image.svg"); +} + +.fiv-sqo.fiv-icon-jpe { + background-image: url("icons/square-o/jpe.svg"); +} + +.fiv-sqo.fiv-icon-jpeg { + background-image: url("icons/square-o/jpeg.svg"); +} + +.fiv-sqo.fiv-icon-jpg { + background-image: url("icons/square-o/jpg.svg"); +} + +.fiv-sqo.fiv-icon-m2v { + background-image: url("icons/square-o/m2v.svg"); +} + +.fiv-sqo.fiv-icon-m3u { + background-image: url("icons/square-o/m3u.svg"); +} + +.fiv-sqo.fiv-icon-m3u8 { + background-image: url("icons/square-o/m3u8.svg"); +} + +.fiv-sqo.fiv-icon-m4a { + background-image: url("icons/square-o/m4a.svg"); +} + +.fiv-sqo.fiv-icon-m4r { + background-image: url("icons/square-o/m4r.svg"); +} + +.fiv-sqo.fiv-icon-m4v { + background-image: url("icons/square-o/m4v.svg"); +} + +.fiv-sqo.fiv-icon-mid { + background-image: url("icons/square-o/mid.svg"); +} + +.fiv-sqo.fiv-icon-midi { + background-image: url("icons/square-o/midi.svg"); +} + +.fiv-sqo.fiv-icon-mp2 { + background-image: url("icons/square-o/mp2.svg"); +} + +.fiv-sqo.fiv-icon-mp3 { + background-image: url("icons/square-o/mp3.svg"); +} + +.fiv-sqo.fiv-icon-mpa { + background-image: url("icons/square-o/mpa.svg"); +} + +.fiv-sqo.fiv-icon-mpeg { + background-image: url("icons/square-o/mpeg.svg"); +} + +.fiv-sqo.fiv-icon-mpg { + background-image: url("icons/square-o/mpg.svg"); +} + +.fiv-sqo.fiv-icon-mpga { + background-image: url("icons/square-o/mpga.svg"); +} + +.fiv-sqo.fiv-icon-nef { + background-image: url("icons/square-o/nef.svg"); +} + +.fiv-sqo.fiv-icon-ods { + background-image: url("icons/square-o/ods.svg"); +} + +.fiv-sqo.fiv-icon-ogg { + background-image: url("icons/square-o/ogg.svg"); +} + +.fiv-sqo.fiv-icon-ogv { + background-image: url("icons/square-o/ogv.svg"); +} + +.fiv-sqo.fiv-icon-pdf { + background-image: url("icons/square-o/pdf.svg"); +} + +.fiv-sqo.fiv-icon-png { + background-image: url("icons/square-o/png.svg"); +} + +.fiv-sqo.fiv-icon-potx { + background-image: url("icons/square-o/potx.svg"); +} + +.fiv-sqo.fiv-icon-ppsx { + background-image: url("icons/square-o/ppsx.svg"); +} + +.fiv-sqo.fiv-icon-ppt { + background-image: url("icons/square-o/ppt.svg"); +} + +.fiv-sqo.fiv-icon-pptm { + background-image: url("icons/square-o/pptm.svg"); +} + +.fiv-sqo.fiv-icon-pptx { + background-image: url("icons/square-o/pptx.svg"); +} + +.fiv-sqo.fiv-icon-psp { + background-image: url("icons/square-o/psp.svg"); +} + +.fiv-sqo.fiv-icon-qt { + background-image: url("icons/square-o/qt.svg"); +} + +.fiv-sqo.fiv-icon-ra { + background-image: url("icons/square-o/ra.svg"); +} + +.fiv-sqo.fiv-icon-raw { + background-image: url("icons/square-o/raw.svg"); +} + +.fiv-sqo.fiv-icon-rm { + background-image: url("icons/square-o/rm.svg"); +} + +.fiv-sqo.fiv-icon-tga { + background-image: url("icons/square-o/tga.svg"); +} + +.fiv-sqo.fiv-icon-tif { + background-image: url("icons/square-o/tif.svg"); +} + +.fiv-sqo.fiv-icon-tiff { + background-image: url("icons/square-o/tiff.svg"); +} + +.fiv-sqo.fiv-icon-txt { + background-image: url("icons/square-o/txt.svg"); +} + +.fiv-sqo.fiv-icon-vob { + background-image: url("icons/square-o/vob.svg"); +} + +.fiv-sqo.fiv-icon-wav { + background-image: url("icons/square-o/wav.svg"); +} + +.fiv-sqo.fiv-icon-webm { + background-image: url("icons/square-o/webm.svg"); +} + +.fiv-sqo.fiv-icon-wma { + background-image: url("icons/square-o/wma.svg"); +} + +.fiv-sqo.fiv-icon-wmv { + background-image: url("icons/square-o/wmv.svg"); +} + +.fiv-sqo.fiv-icon-xlm { + background-image: url("icons/square-o/xlm.svg"); +} + +.fiv-sqo.fiv-icon-xls { + background-image: url("icons/square-o/xls.svg"); +} + +.fiv-sqo.fiv-icon-xlsm { + background-image: url("icons/square-o/xlsm.svg"); +} + +.fiv-sqo.fiv-icon-xlt { + background-image: url("icons/square-o/xlt.svg"); +} + +.fiv-sqo.fiv-icon-xltm { + background-image: url("icons/square-o/xltm.svg"); +} + +.fiv-sqo.fiv-icon-xltx { + background-image: url("icons/square-o/xltx.svg"); +} diff --git a/dist/file-icon-square-o.min.css b/dist/file-icon-square-o.min.css new file mode 100644 index 0000000..918d9c2 --- /dev/null +++ b/dist/file-icon-square-o.min.css @@ -0,0 +1,5 @@ +/*! + * File Icon Vectors 0.8.1 (https://github.com/dmhendricks/file-icon-vectors) + * Copyright 2018 Daniel M. Hendricks (https://www.danhendricks.com) + * Licensed under MIT (https://github.com/dmhendricks/file-icon-vectors/blob/master/LICENSE) + */.fiv-background,.fiv-sqo{background-size:contain;background-position:50%;background-repeat:no-repeat}.fiv-size-md{font-size:2.25em}.fiv-size-lg{font-size:3.5em}.fiv-size-xl{font-size:4.75em}.fiv-sqo{position:relative;display:inline-block;line-height:1em;width:1em}.fiv-sqo:before{content:'\00a0'}.fiv-sqo.fiv-icon-3g2{background-image:url("icons/square-o/3g2.svg")}.fiv-sqo.fiv-icon-3ga{background-image:url("icons/square-o/3ga.svg")}.fiv-sqo.fiv-icon-3gp{background-image:url("icons/square-o/3gp.svg")}.fiv-sqo.fiv-icon-aa{background-image:url("icons/square-o/aa.svg")}.fiv-sqo.fiv-icon-aac{background-image:url("icons/square-o/aac.svg")}.fiv-sqo.fiv-icon-aif{background-image:url("icons/square-o/aif.svg")}.fiv-sqo.fiv-icon-aifc{background-image:url("icons/square-o/aifc.svg")}.fiv-sqo.fiv-icon-aiff{background-image:url("icons/square-o/aiff.svg")}.fiv-sqo.fiv-icon-amr{background-image:url("icons/square-o/amr.svg")}.fiv-sqo.fiv-icon-asf{background-image:url("icons/square-o/asf.svg")}.fiv-sqo.fiv-icon-asx{background-image:url("icons/square-o/asx.svg")}.fiv-sqo.fiv-icon-au{background-image:url("icons/square-o/au.svg")}.fiv-sqo.fiv-icon-aup{background-image:url("icons/square-o/aup.svg")}.fiv-sqo.fiv-icon-avi{background-image:url("icons/square-o/avi.svg")}.fiv-sqo.fiv-icon-blank{background-image:url("icons/square-o/blank.svg")}.fiv-sqo.fiv-icon-bmp{background-image:url("icons/square-o/bmp.svg")}.fiv-sqo.fiv-icon-bpg{background-image:url("icons/square-o/bpg.svg")}.fiv-sqo.fiv-icon-caf{background-image:url("icons/square-o/caf.svg")}.fiv-sqo.fiv-icon-cr2{background-image:url("icons/square-o/cr2.svg")}.fiv-sqo.fiv-icon-dng{background-image:url("icons/square-o/dng.svg")}.fiv-sqo.fiv-icon-doc{background-image:url("icons/square-o/doc.svg")}.fiv-sqo.fiv-icon-docx{background-image:url("icons/square-o/docx.svg")}.fiv-sqo.fiv-icon-dot{background-image:url("icons/square-o/dot.svg")}.fiv-sqo.fiv-icon-dotx{background-image:url("icons/square-o/dotx.svg")}.fiv-sqo.fiv-icon-flac{background-image:url("icons/square-o/flac.svg")}.fiv-sqo.fiv-icon-folder{background-image:url("icons/square-o/folder.svg")}.fiv-sqo.fiv-icon-gif{background-image:url("icons/square-o/gif.svg")}.fiv-sqo.fiv-icon-iff{background-image:url("icons/square-o/iff.svg")}.fiv-sqo.fiv-icon-image{background-image:url("icons/square-o/image.svg")}.fiv-sqo.fiv-icon-jpe{background-image:url("icons/square-o/jpe.svg")}.fiv-sqo.fiv-icon-jpeg{background-image:url("icons/square-o/jpeg.svg")}.fiv-sqo.fiv-icon-jpg{background-image:url("icons/square-o/jpg.svg")}.fiv-sqo.fiv-icon-m2v{background-image:url("icons/square-o/m2v.svg")}.fiv-sqo.fiv-icon-m3u{background-image:url("icons/square-o/m3u.svg")}.fiv-sqo.fiv-icon-m3u8{background-image:url("icons/square-o/m3u8.svg")}.fiv-sqo.fiv-icon-m4a{background-image:url("icons/square-o/m4a.svg")}.fiv-sqo.fiv-icon-m4r{background-image:url("icons/square-o/m4r.svg")}.fiv-sqo.fiv-icon-m4v{background-image:url("icons/square-o/m4v.svg")}.fiv-sqo.fiv-icon-mid{background-image:url("icons/square-o/mid.svg")}.fiv-sqo.fiv-icon-midi{background-image:url("icons/square-o/midi.svg")}.fiv-sqo.fiv-icon-mp2{background-image:url("icons/square-o/mp2.svg")}.fiv-sqo.fiv-icon-mp3{background-image:url("icons/square-o/mp3.svg")}.fiv-sqo.fiv-icon-mpa{background-image:url("icons/square-o/mpa.svg")}.fiv-sqo.fiv-icon-mpeg{background-image:url("icons/square-o/mpeg.svg")}.fiv-sqo.fiv-icon-mpg{background-image:url("icons/square-o/mpg.svg")}.fiv-sqo.fiv-icon-mpga{background-image:url("icons/square-o/mpga.svg")}.fiv-sqo.fiv-icon-nef{background-image:url("icons/square-o/nef.svg")}.fiv-sqo.fiv-icon-ods{background-image:url("icons/square-o/ods.svg")}.fiv-sqo.fiv-icon-ogg{background-image:url("icons/square-o/ogg.svg")}.fiv-sqo.fiv-icon-ogv{background-image:url("icons/square-o/ogv.svg")}.fiv-sqo.fiv-icon-pdf{background-image:url("icons/square-o/pdf.svg")}.fiv-sqo.fiv-icon-png{background-image:url("icons/square-o/png.svg")}.fiv-sqo.fiv-icon-potx{background-image:url("icons/square-o/potx.svg")}.fiv-sqo.fiv-icon-ppsx{background-image:url("icons/square-o/ppsx.svg")}.fiv-sqo.fiv-icon-ppt{background-image:url("icons/square-o/ppt.svg")}.fiv-sqo.fiv-icon-pptm{background-image:url("icons/square-o/pptm.svg")}.fiv-sqo.fiv-icon-pptx{background-image:url("icons/square-o/pptx.svg")}.fiv-sqo.fiv-icon-psp{background-image:url("icons/square-o/psp.svg")}.fiv-sqo.fiv-icon-qt{background-image:url("icons/square-o/qt.svg")}.fiv-sqo.fiv-icon-ra{background-image:url("icons/square-o/ra.svg")}.fiv-sqo.fiv-icon-raw{background-image:url("icons/square-o/raw.svg")}.fiv-sqo.fiv-icon-rm{background-image:url("icons/square-o/rm.svg")}.fiv-sqo.fiv-icon-tga{background-image:url("icons/square-o/tga.svg")}.fiv-sqo.fiv-icon-tif{background-image:url("icons/square-o/tif.svg")}.fiv-sqo.fiv-icon-tiff{background-image:url("icons/square-o/tiff.svg")}.fiv-sqo.fiv-icon-txt{background-image:url("icons/square-o/txt.svg")}.fiv-sqo.fiv-icon-vob{background-image:url("icons/square-o/vob.svg")}.fiv-sqo.fiv-icon-wav{background-image:url("icons/square-o/wav.svg")}.fiv-sqo.fiv-icon-webm{background-image:url("icons/square-o/webm.svg")}.fiv-sqo.fiv-icon-wma{background-image:url("icons/square-o/wma.svg")}.fiv-sqo.fiv-icon-wmv{background-image:url("icons/square-o/wmv.svg")}.fiv-sqo.fiv-icon-xlm{background-image:url("icons/square-o/xlm.svg")}.fiv-sqo.fiv-icon-xls{background-image:url("icons/square-o/xls.svg")}.fiv-sqo.fiv-icon-xlsm{background-image:url("icons/square-o/xlsm.svg")}.fiv-sqo.fiv-icon-xlt{background-image:url("icons/square-o/xlt.svg")}.fiv-sqo.fiv-icon-xltm{background-image:url("icons/square-o/xltm.svg")}.fiv-sqo.fiv-icon-xltx{background-image:url("icons/square-o/xltx.svg")} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 081f93e..84ad92d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -20,7 +20,7 @@ var notify = require( 'gulp-notify' ); const AUTOPREFIXER_BROWSERS = [ 'last 2 version', '> 1%', 'ie >= 9', 'ie_mob >= 10', 'ff >= 30', 'chrome >= 34', 'safari >= 7', 'opera >= 23', 'ios >= 7', 'android >= 4', 'bb >= 10' ]; gulp.task( 'sassTask', function () { - gulp.src( [ './src/scss/file-icon-classic.scss', './src/scss/file-icon-vivid.scss' ] ) + gulp.src( [ './src/scss/file-icon-classic.scss', './src/scss/file-icon-vivid.scss', './src/scss/file-icon-square-o.scss' ] ) .pipe( sass( { outputStyle: 'expanded' } ) ) .on( 'error', console.error.bind( console ) ) diff --git a/src/scss/_file-icon-square-o-list.scss b/src/scss/_file-icon-square-o-list.scss new file mode 100644 index 0000000..24a47e7 --- /dev/null +++ b/src/scss/_file-icon-square-o-list.scss @@ -0,0 +1,78 @@ +@include file-family(sqo, 1); +@include file-icon(square-o, sqo, 3g2); +@include file-icon(square-o, sqo, 3ga); +@include file-icon(square-o, sqo, 3gp); +@include file-icon(square-o, sqo, aa); +@include file-icon(square-o, sqo, aac); +@include file-icon(square-o, sqo, aif); +@include file-icon(square-o, sqo, aifc); +@include file-icon(square-o, sqo, aiff); +@include file-icon(square-o, sqo, amr); +@include file-icon(square-o, sqo, asf); +@include file-icon(square-o, sqo, asx); +@include file-icon(square-o, sqo, au); +@include file-icon(square-o, sqo, aup); +@include file-icon(square-o, sqo, avi); +@include file-icon(square-o, sqo, blank); +@include file-icon(square-o, sqo, bmp); +@include file-icon(square-o, sqo, bpg); +@include file-icon(square-o, sqo, caf); +@include file-icon(square-o, sqo, cr2); +@include file-icon(square-o, sqo, dng); +@include file-icon(square-o, sqo, doc); +@include file-icon(square-o, sqo, docx); +@include file-icon(square-o, sqo, dot); +@include file-icon(square-o, sqo, dotx); +@include file-icon(square-o, sqo, flac); +@include file-icon(square-o, sqo, folder); +@include file-icon(square-o, sqo, gif); +@include file-icon(square-o, sqo, iff); +@include file-icon(square-o, sqo, image); +@include file-icon(square-o, sqo, jpe); +@include file-icon(square-o, sqo, jpeg); +@include file-icon(square-o, sqo, jpg); +@include file-icon(square-o, sqo, m2v); +@include file-icon(square-o, sqo, m3u); +@include file-icon(square-o, sqo, m3u8); +@include file-icon(square-o, sqo, m4a); +@include file-icon(square-o, sqo, m4r); +@include file-icon(square-o, sqo, m4v); +@include file-icon(square-o, sqo, mid); +@include file-icon(square-o, sqo, midi); +@include file-icon(square-o, sqo, mp2); +@include file-icon(square-o, sqo, mp3); +@include file-icon(square-o, sqo, mpa); +@include file-icon(square-o, sqo, mpeg); +@include file-icon(square-o, sqo, mpg); +@include file-icon(square-o, sqo, mpga); +@include file-icon(square-o, sqo, nef); +@include file-icon(square-o, sqo, ods); +@include file-icon(square-o, sqo, ogg); +@include file-icon(square-o, sqo, ogv); +@include file-icon(square-o, sqo, pdf); +@include file-icon(square-o, sqo, png); +@include file-icon(square-o, sqo, potx); +@include file-icon(square-o, sqo, ppsx); +@include file-icon(square-o, sqo, ppt); +@include file-icon(square-o, sqo, pptm); +@include file-icon(square-o, sqo, pptx); +@include file-icon(square-o, sqo, psp); +@include file-icon(square-o, sqo, qt); +@include file-icon(square-o, sqo, ra); +@include file-icon(square-o, sqo, raw); +@include file-icon(square-o, sqo, rm); +@include file-icon(square-o, sqo, tga); +@include file-icon(square-o, sqo, tif); +@include file-icon(square-o, sqo, tiff); +@include file-icon(square-o, sqo, txt); +@include file-icon(square-o, sqo, vob); +@include file-icon(square-o, sqo, wav); +@include file-icon(square-o, sqo, webm); +@include file-icon(square-o, sqo, wma); +@include file-icon(square-o, sqo, wmv); +@include file-icon(square-o, sqo, xlm); +@include file-icon(square-o, sqo, xls); +@include file-icon(square-o, sqo, xlsm); +@include file-icon(square-o, sqo, xlt); +@include file-icon(square-o, sqo, xltm); +@include file-icon(square-o, sqo, xltx); diff --git a/src/scss/file-icon-square-o.scss b/src/scss/file-icon-square-o.scss new file mode 100644 index 0000000..97a5633 --- /dev/null +++ b/src/scss/file-icon-square-o.scss @@ -0,0 +1,10 @@ +/*! + * File Icon Vectors 0.8.1 (https://github.com/dmhendricks/file-icon-vectors) + * Copyright 2018 Daniel M. Hendricks (https://www.danhendricks.com) + * Licensed under MIT (https://github.com/dmhendricks/file-icon-vectors/blob/master/LICENSE) + */ + +@import "variables"; +@import "file-icon-base"; +@import "file-icon-extra"; +@import "file-icon-square-o-list";