mirror/devicon
1
0
Fork 0
mirror of https://github.com/konpa/devicon.git synced 2025-08-20 05:11:37 +02:00
Code Issues Releases Wiki Activity

Merge pull request #233 from amacado/feature/css-restructure

Browse Source 
separate alias from main css, regenerate fonts and fix missing icons
This commit is contained in:
Clemens Bastian
2020-06-18 01:54:32 +02:00
committed by GitHub
parent 1cebfdeb7c 57d5b120da
commit 4b78c9eec7
9 changed files with 308 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -106,12 +106,8 @@ The next step is to click on **Generate font** and download the resulting archiv
contents and you will find a [fonts](./fonts) directory next to a `style.css`. Replace the content of the `fonts` folder, contents and you will find a [fonts](./fonts) directory next to a `style.css`. Replace the content of the `fonts` folder,
merge the `style.css` with [devicon.css](./devicon.css) and follow the next step to build the final stylesheet. merge the `style.css` with [devicon.css](./devicon.css) and follow the next step to build the final stylesheet.
**Note** the merge is required, because some icons are defined as alias, this should be replaced
with a more elegant solution to support automated build processing.
### Build and minify stylesheet ### Build and minify stylesheet
Run the following commands to build the resulting file `devicon.min.css` Run the following command to build the resulting file `devicon.min.css`
```bash ```bash
gulp concat-css gulp default
gulp minify-css
``` ```

172
devicon-alias.css Normal file
View File

@@ -0,0 +1,172 @@
.devicon-facebook-original:before {
content: "\e91c";
}
.devicon-typescript-original:before{
content: "\e920";
}
.devicon-babel-original:before {
content: "\e921";
}
.devicon-ssh-plain-wordmark:before {
content: "\e916";
}
.devicon-ssh-plain:before {
content: "\e915";
}
.devicon-sourcetree-plain-wordmark:before {
content: "\e914";
}
.devicon-sourcetree-plain:before {
content: "\e913";
}
.devicon-github-plain-wordmark:before {
content: "\e90a";
}
.devicon-github-plain:before {
content: "\e909";
}
.devicon-confluence-plain-wordmark:before {
content: "\e90e";
}
.devicon-confluence-plain:before {
content: "\e90d";
}
.devicon-bitbucket-plain-wordmark:before {
content: "\e910";
}
.devicon-bitbucket-plain:before {
content: "\e90f";
}
.devicon-jetbrains-line:before,
.devicon-jetbrains-line-wordmark:before,
.devicon-jetbrains-plain-wordmark:before {
content: "\e63d";
}
.devicon-django-line-wordmark:before {
content: "\e63e";
}
.devicon-django-plain-wordmark:before {
content: "\e63f";
}
.devicon-cplusplus-line-wordmark:before {
content: "\e634";
}
.devicon-cplusplus-plain-wordmark:before {
content: "\e635";
}
.devicon-csharp-line-wordmark:before {
content: "\e636";
}
.devicon-csharp-plain-wordmark:before {
content: "\e637";
}
.devicon-c-line-wordmark:before {
content: "\e638";
}
.devicon-c-plain-wordmark:before {
content: "\e639";
}
.devicon-nginx-original-wordmark:before,
.devicon-nginx-plain:before,
.devicon-nginx-plain-wordmark:before {
content: "\e615";
}
.devicon-heroku-original-wordmark:before {
content: "\e60a";
}
.devicon-heroku-original:before {
content: "\e60b";
}
.devicon-amazonwebservices-plain:before {
content: "\e603";
}
.devicon-appcelerator-plain:before {
content: "\e620";
}
.devicon-apple-plain:before {
content: "\e622";
}
.devicon-atom-plain-wordmark:before {
content: "\e623";
}
.devicon-atom-plain:before {
content: "\e624";
}
.devicon-coffeescript-plain-wordmark:before {
content: "\e669";
}
.devicon-coffeescript-plain:before {
content: "\e66a";
}
.devicon-google-original-wordmark:before {
content: "\e91d";
}
.devicon-google-original:before {
content: "\e91e";
}
.devicon-ie10-plain:before {
content: "\e7f8";
}
.devicon-oracle-plain:before {
content: "\eb6b";
}
.devicon-react-plain-wordmark:before {
content: "\e600";
}
.devicon-react-plain:before {
content: "\e601";
}
.devicon-sass-plain:before {
content: "\ebcb";
}
.devicon-sequelize-plain-wordmark:before {
content: "\e922";
}
.devicon-sequelize-plain:before {
content: "\e923";
}
.devicon-symfony-plain-wordmark:before {
content: "\e602";
}
.devicon-symfony-plain:before {
content: "\e605";
}
.devicon-twitter-plain:before {
content: "\e91f";
}
.devicon-windows8-plain-wordmark:before {
content: "\ebf4";
}
.devicon-windows8-plain:before {
content: "\ebf5";
}

289
devicon.css
View File

@@ -1,17 +1,19 @@
@font-face { @font-face {
font-family: 'devicon'; font-family: 'devicon';
src:url('fonts/devicon.eot?-hdf3wh'); src: url('fonts/devicon.eot?56yybb');
src:url('fonts/devicon.eot?#iefix-hdf3wh') format('embedded-opentype'), src: url('fonts/devicon.eot?56yybb#iefix') format('embedded-opentype'),
url('fonts/devicon.woff?-hdf3wh') format('woff'), url('fonts/devicon.ttf?56yybb') format('truetype'),
url('fonts/devicon.ttf?-hdf3wh') format('truetype'), url('fonts/devicon.woff?56yybb') format('woff'),
url('fonts/devicon.svg?-hdf3wh#devicon') format('svg'); url('fonts/devicon.svg?56yybb#devicon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block;
} }
[class^="devicon-"], [class*=" devicon-"] { [class^="devicon-"], [class*=" devicon-"] {
font-family: 'devicon'; /* use !important to prevent issues with browser extensions that change fonts */
speak: none; font-family: 'devicon' !important;
speak: never;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
@@ -82,9 +84,6 @@
.devicon-linkedin-plain:before { .devicon-linkedin-plain:before {
content: "\e947"; content: "\e947";
} }
.devicon-ceylon-plain-wordmark:before {
content: "\e943";
}
.devicon-ceylon-plain:before { .devicon-ceylon-plain:before {
content: "\e944"; content: "\e944";
} }
@@ -181,112 +180,117 @@
.devicon-slack-plain:before { .devicon-slack-plain:before {
content: "\e925"; content: "\e925";
} }
.devicon-facebook-original:before, .devicon-sequelize-plain-wordmark:before {
.devicon-facebook-plain:before { content: "\e922";
content: "\e91c"; }
.devicon-sequelize-plain:before {
content: "\e923";
} }
.devicon-typescript-original:before,
.devicon-typescript-plain:before { .devicon-typescript-plain:before {
content: "\e920"; content: "\e920";
} }
.devicon-babel-original:before,
.devicon-babel-plain:before { .devicon-babel-plain:before {
content: "\e921"; content: "\e921";
} }
.devicon-mocha-plain:before { .devicon-facebook-plain:before {
content: "\e919"; content: "\e91c";
} }
.devicon-jasmine-plain-wordmark:before { .devicon-google-plain-wordmark:before {
content: "\e91b"; content: "\e91d";
}
.devicon-google-plain:before {
content: "\e91e";
}
.devicon-twitter-original:before {
content: "\e91f";
}
.devicon-mocha:before {
content: "\e919";
} }
.devicon-jasmine-plain:before { .devicon-jasmine-plain:before {
content: "\e91a"; content: "\e91a";
} }
.devicon-gatling-plain-wordmark:before { .devicon-jasmine-wordmark:before {
content: "\e918"; content: "\e91b";
} }
.devicon-gatling-plain:before { .devicon-gatling-plain:before {
content: "\e917"; content: "\e917";
} }
.devicon-ssh-original-wordmark:before, .devicon-gatling-plain-wordmark:before {
.devicon-ssh-plain-wordmark:before { content: "\e918";
content: "\e916";
}
.devicon-ssh-original:before,
.devicon-ssh-plain:before {
content: "\e915";
}
.devicon-sourcetree-original-wordmark:before,
.devicon-sourcetree-plain-wordmark:before {
content: "\e914";
}
.devicon-sourcetree-original:before,
.devicon-sourcetree-plain:before {
content: "\e913";
}
.devicon-phpstorm-plain-wordmark:before {
content: "\e912";
} }
.devicon-phpstorm-plain:before { .devicon-phpstorm-plain:before {
content: "\e911"; content: "\e911";
} }
.devicon-protractor-plain-wordmark:before { .devicon-phpstorm-plain-wordmark:before {
content: "\e901"; content: "\e912";
} }
.devicon-protractor-plain:before { .devicon-sourcetree-original:before {
content: "\e900"; content: "\e913";
} }
.devicon-gradle-plain-wordmark:before { .devicon-sourcetree-original-wordmark:before {
content: "\e8f1"; content: "\e914";
} }
.devicon-gradle-plain:before { .devicon-ssh-original:before {
content: "\e902"; content: "\e915";
} }
.devicon-cucumber-plain-wordmark:before { .devicon-ssh-original-wordmark:before {
content: "\e905"; content: "\e916";
}
.devicon-cucumber-plain:before {
content: "\e904";
}
.devicon-jeet-plain-wordmark:before {
content: "\e906";
} }
.devicon-jeet-plain:before { .devicon-jeet-plain:before {
content: "\e903"; content: "\e903";
} }
.devicon-gitlab-plain-wordmark:before { .devicon-jeet-plain-wordmark:before {
content: "\e908"; content: "\e906";
} }
.devicon-gitlab-plain:before { .devicon-gitlab-plain:before {
content: "\e907"; content: "\e907";
} }
.devicon-github-original-wordmark:before, .devicon-gitlab-plain-wordmark:before {
.devicon-github-plain-wordmark:before { content: "\e908";
content: "\e90a";
} }
.devicon-github-original:before, .devicon-github-original:before {
.devicon-github-plain:before {
content: "\e909"; content: "\e909";
} }
.devicon-github-original-wordmark:before {
content: "\e90a";
}
.devicon-d3js-plain:before { .devicon-d3js-plain:before {
content: "\e90b";
}
.devicon-d3js-original:before {
content: "\e90c"; content: "\e90c";
} }
.devicon-confluence-original-wordmark:before, .devicon-confluence-original:before {
.devicon-confluence-plain-wordmark:before {
content: "\e90e";
}
.devicon-confluence-original:before,
.devicon-confluence-plain:before {
content: "\e90d"; content: "\e90d";
} }
.devicon-bitbucket-original-wordmark:before, .devicon-confluence-original-wordmark:before {
.devicon-bitbucket-plain-wordmark:before { content: "\e90e";
content: "\e910";
} }
.devicon-bitbucket-original:before, .devicon-bitbucket-original:before {
.devicon-bitbucket-plain:before {
content: "\e90f"; content: "\e90f";
} }
.devicon-bitbucket-original-wordmark:before {
content: "\e910";
}
.devicon-gradle-plain:before {
content: "\e902";
}
.devicon-gradle-plain-wordmark:before {
content: "\e8f1";
}
.devicon-cucumber-plain:before {
content: "\e904";
}
.devicon-cucumber-plain-wordmark:before {
content: "\e905";
}
.devicon-protractor-plain:before {
content: "\e900";
}
.devicon-protractor-plain-wordmark:before {
content: "\e901";
}
.devicon-safari-line-wordmark:before { .devicon-safari-line-wordmark:before {
content: "\e632"; content: "\e632";
} }
@@ -299,21 +303,15 @@
.devicon-safari-plain:before { .devicon-safari-plain:before {
content: "\e63c"; content: "\e63c";
} }
.devicon-jetbrains-plain:before, .devicon-jetbrains-plain:before {
.devicon-jetbrains-line:before,
.devicon-jetbrains-line-wordmark:before,
.devicon-jetbrains-plain-wordmark:before {
content: "\e63d"; content: "\e63d";
} }
.devicon-django-line:before, .devicon-django-line:before {
.devicon-django-line-wordmark:before {
content: "\e63e"; content: "\e63e";
} }
.devicon-django-plain:before, .devicon-django-plain:before {
.devicon-django-plain-wordmark:before {
content: "\e63f"; content: "\e63f";
} }
.devicon-gimp-plain:before { .devicon-gimp-plain:before {
content: "\e633"; content: "\e633";
} }
@@ -326,33 +324,27 @@
content: "\e62b"; content: "\e62b";
} }
.devicon-cplusplus-line:before, .devicon-cplusplus-line:before {
.devicon-cplusplus-line-wordmark:before {
content: "\e634"; content: "\e634";
} }
.devicon-cplusplus-plain:before, .devicon-cplusplus-plain:before {
.devicon-cplusplus-plain-wordmark:before {
content: "\e635"; content: "\e635";
} }
.devicon-csharp-line:before, .devicon-csharp-line:before{
.devicon-csharp-line-wordmark:before {
content: "\e636"; content: "\e636";
} }
.devicon-csharp-plain:before, .devicon-csharp-plain:before {
.devicon-csharp-plain-wordmark:before {
content: "\e637"; content: "\e637";
} }
.devicon-c-line:before, .devicon-c-line:before {
.devicon-c-line-wordmark:before {
content: "\e638"; content: "\e638";
} }
.devicon-c-plain:before, .devicon-c-plain:before{
.devicon-c-plain-wordmark:before {
content: "\e639"; content: "\e639";
} }
@@ -372,10 +364,7 @@
content: "\e614"; content: "\e614";
} }
.devicon-nginx-original:before, .devicon-nginx-original:before {
.devicon-nginx-original-wordmark:before,
.devicon-nginx-plain:before,
.devicon-nginx-plain-wordmark:before {
content: "\e615"; content: "\e615";
} }
@@ -439,13 +428,11 @@
content: "\e609"; content: "\e609";
} }
.devicon-heroku-line-wordmark:before, .devicon-heroku-line-wordmark:before {
.devicon-heroku-original-wordmark:before {
content: "\e60a"; content: "\e60a";
} }
.devicon-heroku-line:before, .devicon-heroku-line:before {
.devicon-heroku-original:before {
content: "\e60b"; content: "\e60b";
} }
@@ -468,9 +455,19 @@
.devicon-docker-plain:before { .devicon-docker-plain:before {
content: "\e61f"; content: "\e61f";
} }
.devicon-symfony-original-wordmark:before {
.devicon-amazonwebservices-original:before, content: "\e602";
.devicon-amazonwebservices-plain:before { }
.devicon-symfony-original:before {
content: "\e605";
}
.devicon-react-original-wordmark:before {
content: "\e600";
}
.devicon-react-original:before {
content: "\e601";
}
.devicon-amazonwebservices-original:before {
content: "\e603"; content: "\e603";
} }
@@ -494,8 +491,7 @@
content: "\e61d"; content: "\e61d";
} }
.devicon-appcelerator-original:before, .devicon-appcelerator-original:before {
.devicon-appcelerator-plain:before {
content: "\e620"; content: "\e620";
} }
@@ -503,18 +499,15 @@
content: "\e621"; content: "\e621";
} }
.devicon-apple-original:before, .devicon-apple-original:before {
.devicon-apple-plain:before {
content: "\e622"; content: "\e622";
} }
.devicon-atom-original-wordmark:before, .devicon-atom-original-wordmark:before {
.devicon-atom-plain-wordmark:before {
content: "\e623"; content: "\e623";
} }
.devicon-atom-original:before, .devicon-atom-original:before {
.devicon-atom-plain:before {
content: "\e624"; content: "\e624";
} }
@@ -566,13 +559,11 @@
content: "\e668"; content: "\e668";
} }
.devicon-coffeescript-original-wordmark:before, .devicon-coffeescript-original-wordmark:before {
.devicon-coffeescript-plain-wordmark:before {
content: "\e669"; content: "\e669";
} }
.devicon-coffeescript-original:before, .devicon-coffeescript-original:before {
.devicon-coffeescript-plain:before {
content: "\e66a"; content: "\e66a";
} }
@@ -631,17 +622,6 @@
.devicon-git-plain:before { .devicon-git-plain:before {
content: "\e7a8"; content: "\e7a8";
} }
.devicon-google-original-wordmark:before,
.devicon-google-plain-wordmark:before {
content: "\e91d";
}
.devicon-google-original:before,
.devicon-google-plain:before {
content: "\e91e";
}
.devicon-grunt-line-wordmark:before { .devicon-grunt-line-wordmark:before {
content: "\e7a9"; content: "\e7a9";
} }
@@ -670,8 +650,7 @@
content: "\e7f7"; content: "\e7f7";
} }
.devicon-ie10-original:before, .devicon-ie10-original:before {
.devicon-ie10-plain:before {
content: "\e7f8"; content: "\e7f8";
} }
@@ -767,8 +746,7 @@
content: "\eb6a"; content: "\eb6a";
} }
.devicon-oracle-original:before, .devicon-oracle-original:before {
.devicon-oracle-plain:before {
content: "\eb6b"; content: "\eb6b";
} }
@@ -807,17 +785,6 @@
.devicon-rails-plain:before { .devicon-rails-plain:before {
content: "\eba3"; content: "\eba3";
} }
.devicon-react-original-wordmark:before,
.devicon-react-plain-wordmark:before {
content: "\e600";
}
.devicon-react-original:before,
.devicon-react-plain:before {
content: "\e601";
}
.devicon-ruby-plain-wordmark:before { .devicon-ruby-plain-wordmark:before {
content: "\ebc9"; content: "\ebc9";
} }
@@ -826,31 +793,9 @@
content: "\ebca"; content: "\ebca";
} }
.devicon-sass-original:before, .devicon-sass-original:before {
.devicon-sass-plain:before {
content: "\ebcb"; content: "\ebcb";
} }
.devicon-sequelize-original-wordmark:before,
.devicon-sequelize-plain-wordmark:before {
content: "\e922";
}
.devicon-sequelize-original:before,
.devicon-sequelize-plain:before {
content: "\e923";
}
.devicon-symfony-original-wordmark:before,
.devicon-symfony-plain-wordmark:before {
content: "\e602";
}
.devicon-symfony-original:before,
.devicon-symfony-plain:before {
content: "\e605";
}
.devicon-travis-plain-wordmark:before { .devicon-travis-plain-wordmark:before {
content: "\ebcc"; content: "\ebcc";
} }
@@ -866,12 +811,6 @@
.devicon-trello-plain:before { .devicon-trello-plain:before {
content: "\ebcf"; content: "\ebcf";
} }
.devicon-twitter-original:before,
.devicon-twitter-plain:before {
content: "\e91f";
}
.devicon-ubuntu-plain-wordmark:before { .devicon-ubuntu-plain-wordmark:before {
content: "\ebd0"; content: "\ebd0";
} }
@@ -884,13 +823,11 @@
content: "\ebf3"; content: "\ebf3";
} }
.devicon-windows8-original-wordmark:before, .devicon-windows8-original-wordmark:before {
.devicon-windows8-plain-wordmark:before {
content: "\ebf4"; content: "\ebf4";
} }
.devicon-windows8-original:before, .devicon-windows8-original:before {
.devicon-windows8-plain:before {
content: "\ebf5"; content: "\ebf5";
} }

2
devicon.json
View File

@@ -124,7 +124,7 @@
"tags": ["language"], "tags": ["language"],
"versions": { "versions": {
"svg": ["original", "original-wordmark", "plain", "plain-wordmark"], "svg": ["original", "original-wordmark", "plain", "plain-wordmark"],
"font": ["plain", "plain-wordmark"] "font": ["plain"]
} }
}, },
{ {

2
devicon.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
fonts/devicon.eot
View File

Binary file not shown.

BIN
fonts/devicon.ttf
View File

Binary file not shown.

BIN
fonts/devicon.woff
View File

Binary file not shown.

33
gulpfile.js
View File

@@ -1,18 +1,23 @@
var gulp = require('gulp'); var gulp = require('gulp');
var minifyCSS = require('gulp-minify-css'); var minifyCSS = require('gulp-minify-css');
var concatCss = require('gulp-concat-css'); var concatCss = require('gulp-concat-css');
var plumber = require('gulp-plumber'); var plumber = require('gulp-plumber');
gulp.task('concat-css', function () {
return gulp.src(['./devicon.css', './devicon-colors.css'])
.pipe(plumber())
.pipe(concatCss('./devicon.min.css'))
.pipe(gulp.dest('./'));
});
gulp.task('minify-css', function() { function concat() {
return gulp.src('./devicon.min.css') return gulp.src(['./devicon.css', './devicon-alias.css', './devicon-colors.css'])
.pipe(plumber()) .pipe(plumber())
.pipe(minifyCSS()) .pipe(concatCss('./devicon.min.css'))
.pipe(gulp.dest('./')) .pipe(gulp.dest('./'));
}); }
function minify() {
return gulp.src('./devicon.min.css')
.pipe(plumber())
.pipe(minifyCSS())
.pipe(gulp.dest('./'))
}
exports.concat = concat;
exports.minify = minify;
exports.default = gulp.series(concat, minify);