mirror/devicon
1
0
Fork 0
mirror of https://github.com/konpa/devicon.git synced 2025-08-08 15:46:32 +02:00
Code Issues Releases Wiki Activity

Sass now compress output and fix a bug with joining array

Browse Source
This commit is contained in:
Thomas Bui
2020-09-13 23:01:13 -07:00
parent 3196fce9d2
commit 276f7aeafc
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
gulpfile.js
View File

@@ -14,14 +14,14 @@ const path = require("path");
async function createDeviconMinCSS() { async function createDeviconMinCSS() {
await createCSSFiles(); await createCSSFiles();
let deviconMinPath = path.join(__dirname, "devicon.min.scss"); let deviconMinPath = path.join(__dirname, "min.scss");
// recall that devicon-alias.scss imported the devicon.css => don't need // recall that devicon-alias.scss imported the devicon.css => don't need
// to reimport that file. // to reimport that file.
const fileContent = "@use \"devicon-alias\";@use \"devicon-colors\";"; const fileContent = "@use \"alias\";@use \"colors\";";
await fsPromise.writeFile(deviconMinPath, fileContent, "utf8"); await fsPromise.writeFile(deviconMinPath, fileContent, "utf8");
return gulp.src("devicon.min.scss") return gulp.src("min.scss")
.pipe(sass.sync()) .pipe(sass.sync({"outputStyle": "compressed"}).on('error', sass.logError))
.pipe(gulp.dest('./')); .pipe(gulp.dest('./css'));
} }
/** /**
@@ -31,7 +31,7 @@ async function createDeviconMinCSS() {
async function createCSSFiles() { async function createCSSFiles() {
const deviconJson = JSON.parse( const deviconJson = JSON.parse(
await fsPromise.readFile( await fsPromise.readFile(
path.join(__dirname, "devicon.json"), "utf8" path.join(__dirname, "newDevicon.json"), "utf8"
) )
); );
@@ -60,7 +60,7 @@ function createAliasSCSS(deviconJson) {
// createAliasesStatement(str, deviconJson)); // createAliasesStatement(str, deviconJson));
let statements = deviconJson.map(createAliasStatement).join(" "); let statements = deviconJson.map(createAliasStatement).join(" ");
let sass = `@use "devicon";${statements}`; let sass = `@use "devicon";${statements}`;
let sassPath = path.join(__dirname, "devicon-alias.scss"); let sassPath = path.join(__dirname, "alias.scss");
return fsPromise.writeFile(sassPath, sass, "utf8"); return fsPromise.writeFile(sassPath, sass, "utf8");
} }
@@ -107,9 +107,9 @@ function createColorsCSS(deviconJson) {
// loop through the fonts and create css classes // loop through the fonts and create css classes
let cssClasses = fonts.map(font => `.devicon-${name}-${font}`); let cssClasses = fonts.map(font => `.devicon-${name}-${font}`);
return `${cssClasses.join(",")}{color: ${color}}`; return `${cssClasses.join(",")}{color: ${color}}`;
}); }).join(" ");
let cssPath = path.join(__dirname, "devicon-colors.css"); let cssPath = path.join(__dirname, "colors.css");
return fsPromise.writeFile(cssPath, statements, "utf8"); return fsPromise.writeFile(cssPath, statements, "utf8");
} }

2
package.json
View File

@@ -4,7 +4,7 @@
"description": "Programming related icons collection", "description": "Programming related icons collection",
"main": "devicon.min.css", "main": "devicon.min.css",
"scripts": { "scripts": {
"test": "gulp test", "test": "gulp updateCss",
"build": "gulp test" "build": "gulp test"
}, },
"repository": { "repository": {