Skip to content

Commit

Permalink
new icons an a "living style guide"
Browse files Browse the repository at this point in the history
  • Loading branch information
@pfefferle
pfefferle committed Nov 27, 2014
1 parent 57aa7ad commit c07e1d0
Show file tree
Hide file tree
Showing 34 changed files with 8,376 additions and 194 deletions.
202 changes: 111 additions & 91 deletions Gruntfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,99 +2,119 @@
/* global module: true */
module.exports = function (grunt) {

'use strict';
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
expanded: {
options: {
style: 'expanded'
},
files: {
'css/openwebicons.css': 'sass/openwebicons.scss',
'css/openwebicons-bootstrap.css': 'sass/openwebicons-bootstrap.scss',
'css/openwebicons-cdn.css': 'sass/openwebicons-cdn.scss'
}
},
compressed: {
options: {
style: 'compressed'
},
files: {
'css/openwebicons.min.css': 'sass/openwebicons.scss',
'css/openwebicons-bootstrap.min.css': 'sass/openwebicons-bootstrap.scss',
'css/openwebicons-cdn.min.css': 'sass/openwebicons-cdn.scss'
}
},
compact: {
options: {
style: 'compact'
},
files: {
'css/weloveiconfonts.css': 'sass/weloveiconfonts.scss'
}
}
},
// generate a TTF file from the SVG file
svg2ttf: {
svg2ttf: {
src: 'source/*.svg',
dest: 'source/'
}
},
'use strict';
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
expanded: {
options: {
style: 'expanded'
},
files: {
'css/openwebicons.css': 'sass/openwebicons.scss',
'css/openwebicons-bootstrap.css': 'sass/openwebicons-bootstrap.scss',
'css/openwebicons-cdn.css': 'sass/openwebicons-cdn.scss',
'styleguide/css/openwebicons-styleguide.css': 'sass/openwebicons-styleguide.scss'
}
},
compressed: {
options: {
style: 'compressed'
},
files: {
'css/openwebicons.min.css': 'sass/openwebicons.scss',
'css/openwebicons-bootstrap.min.css': 'sass/openwebicons-bootstrap.scss',
'css/openwebicons-cdn.min.css': 'sass/openwebicons-cdn.scss'
}
},
compact: {
options: {
style: 'compact'
},
files: {
'css/weloveiconfonts.css': 'sass/weloveiconfonts.scss'
}
}
},
// generate a TTF file from the SVG file
svg2ttf: {
svg2ttf: {
src: 'source/*.svg',
dest: 'source/'
}
},

update_json: {
// update bower.json with data from package.json
bower: {
src: 'package.json', // where to read from
dest: 'bower.json', // where to write to
// the fields to update, as a String Grouping
fields: {
'name': null,
'version': null,
'description': null
}
},
// update component.json with data from package.json
// component.json fields are a named a bit differently from
// package.json, so let's tell update_json how to map names
component: {
src: 'package.json',
// reuse the task-level `src`
dest: 'component.json', // where to write to
fields: {
'name': null,
'description': null,
'version': null,
'keywords': null,
'main': null,
'development': 'devDependencies',
'license': null
}
},
// `composer` has the same data as `package`, but has some tricky
// semantics
composer: {
src: 'package.json',
// again, reuse the task-level `src`
dest: 'composer.json',
// the fields in an Array Grouping with some embedded Object Groupings
fields: {
'description': null,
'keywords': null,
'license': null
}
}
}
});
kss: {
options: {
includeType: 'css',
includePath: 'styleguide/css/openwebicons-styleguide.css',
},
dist: {
files: {
'styleguide': ['styleguide/css']
}
}
},

// Load the plugin that provides the "uglify" task.
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-update-json');
grunt.loadNpmTasks('grunt-svg2ttf');
update_json: {
// update bower.json with data from package.json
bower: {
src: 'package.json', // where to read from
dest: 'bower.json', // where to write to
// the fields to update, as a String Grouping
fields: {
'name': null,
'version': null,
'description': null
}
},
// update component.json with data from package.json
// component.json fields are a named a bit differently from
// package.json, so let's tell update_json how to map names
component: {
src: 'package.json',
// reuse the task-level `src`
dest: 'component.json', // where to write to
fields: {
'name': null,
'description': null,
'version': null,
'keywords': null,
'main': null,
'development': 'devDependencies',
'license': null
}
},
// `composer` has the same data as `package`, but has some tricky
// semantics
composer: {
src: 'package.json',
// again, reuse the task-level `src`
dest: 'composer.json',
// the fields in an Array Grouping with some embedded Object Groupings
fields: {
'description': null,
'keywords': null,
'license': null
}
}
}
});

// Default task(s).
grunt.registerTask('default', ['sass', 'update_json', 'svg2ttf']);
// Load the plugin that provides the "uglify" task.
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-update-json');
grunt.loadNpmTasks('grunt-svg2ttf');
grunt.loadNpmTasks('grunt-kss');

// Default task(s).
grunt.registerTask('font', ['svg2ttf']);

// generate styleguide
grunt.registerTask('styleguide', ['sass', 'kss']);

// Default task(s).
grunt.registerTask('default', ['sass', 'update_json']);

};
3 changes: 2 additions & 1 deletion bower.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "openwebicons",
"version": "1.2.3",
"version": "1.3.0",
"main": [
"./css/openwebicons.css",
"./css/openwebicons-bootstrap.css"
Expand All @@ -10,6 +10,7 @@
"sass",
"source",
"test",
"styleguide",
".editorconfig",
".gitignore",
".jshintrc",
Expand Down
2 changes: 1 addition & 1 deletion component.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "openwebicons",
"repo": "pfefferle/openwebicons",
"version": "1.2.3",
"version": "1.3.0",
"keywords": [
"openweb",
"icons",
Expand Down
32 changes: 30 additions & 2 deletions css/openwebicons-bootstrap.css
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
@font-face {
font-family: 'OpenWeb Icons';
src: url("../font/openwebicons.eot");
src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg");
src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff2") format("woff2"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-apml"]:before, [class*=" icon-apml"]:before, [class^="icon-open-share"]:before, [class*=" icon-open-share"]:before, [class^="icon-open-share-simple"]:before, [class*=" icon-open-share-simple"]:before, [class^="icon-share"]:before, [class*=" icon-share"]:before, [class^="icon-share-simple"]:before, [class*=" icon-share-simple"]:before, [class^="icon-feed"]:before, [class*=" icon-feed"]:before, [class^="icon-feed-simple"]:before, [class*=" icon-feed-simple"]:before, [class^="icon-ostatus"]:before, [class*=" icon-ostatus"]:before, [class^="icon-ostatus-simple"]:before, [class*=" icon-ostatus-simple"]:before, [class^="icon-opml"]:before, [class*=" icon-opml"]:before, [class^="icon-activity"]:before, [class*=" icon-activity"]:before, [class^="icon-activity-simple"]:before, [class*=" icon-activity-simple"]:before, [class^="icon-microformats"]:before, [class*=" icon-microformats"]:before, [class^="icon-geo"]:before, [class*=" icon-geo"]:before, [class^="icon-opensearch"]:before, [class*=" icon-opensearch"]:before, [class^="icon-oauth"]:before, [class*=" icon-oauth"]:before, [class^="icon-openid"]:before, [class*=" icon-openid"]:before, [class^="icon-semantic-web"]:before, [class*=" icon-semantic-web"]:before, [class^="icon-rdf"]:before, [class*=" icon-rdf"]:before, [class^="icon-rdfa"]:before, [class*=" icon-rdfa"]:before, [class^="icon-owl"]:before, [class*=" icon-owl"]:before, [class^="icon-dataportability"]:before, [class*=" icon-dataportability"]:before, [class^="icon-federated"]:before, [class*=" icon-federated"]:before, [class^="icon-web-intents"]:before, [class*=" icon-web-intents"]:before, [class^="icon-open-web"]:before, [class*=" icon-open-web"]:before, [class^="icon-xmpp"]:before, [class*=" icon-xmpp"]:before, [class^="icon-html5"]:before, [class*=" icon-html5"]:before, [class^="icon-css3"]:before, [class*=" icon-css3"]:before, [class^="icon-connectivity"]:before, [class*=" icon-connectivity"]:before, [class^="icon-semantics"]:before, [class*=" icon-semantics"]:before, [class^="icon-3deffects"]:before, [class*=" icon-3deffects"]:before, [class^="icon-device-access"]:before, [class*=" icon-device-access"]:before, [class^="icon-multimedia"]:before, [class*=" icon-multimedia"]:before, [class^="icon-offline-storage"]:before, [class*=" icon-offline-storage"]:before, [class^="icon-perfintegration"]:before, [class*=" icon-perfintegration"]:before, [class^="icon-git"]:before, [class*=" icon-git"]:before, [class^="icon-webhooks"]:before, [class*=" icon-webhooks"]:before, [class^="icon-osi"]:before, [class*=" icon-osi"]:before, [class^="icon-opensource"]:before, [class*=" icon-opensource"]:before, [class^="icon-opengraph"]:before, [class*=" icon-opengraph"]:before, [class^="icon-epub"]:before, [class*=" icon-epub"]:before, [class^="icon-qr"]:before, [class*=" icon-qr"]:before, [class^="icon-foaf"]:before, [class*=" icon-foaf"]:before, [class^="icon-info-card"]:before, [class*=" icon-info-card"]:before, [class^="icon-browserid"]:before, [class*=" icon-browserid"]:before, [class^="icon-remote-storage"]:before, [class*=" icon-remote-storage"]:before, [class^="icon-persona"]:before, [class*=" icon-persona"]:before, [class^="icon-odata"]:before, [class*=" icon-odata"]:before, [class^="icon-markdown"]:before, [class*=" icon-markdown"]:before, [class^="icon-tosdr"]:before, [class*=" icon-tosdr"]:before, [class^="icon-pub"]:before, [class*=" icon-pub"]:before, [class^="icon-sub"]:before, [class*=" icon-sub"]:before, [class^="icon-hubbub"]:before, [class*=" icon-hubbub"]:before, [class^="icon-pubsubhubbub"]:before, [class*=" icon-pubsubhubbub"]:before, [class^="icon-cc"]:before, [class*=" icon-cc"]:before, [class^="icon-cc-by"]:before, [class*=" icon-cc-by"]:before, [class^="icon-cc-nc"]:before, [class*=" icon-cc-nc"]:before, [class^="icon-cc-nc-eu"]:before, [class*=" icon-cc-nc-eu"]:before, [class^="icon-cc-nc-jp"]:before, [class*=" icon-cc-nc-jp"]:before, [class^="icon-cc-sa"]:before, [class*=" icon-cc-sa"]:before, [class^="icon-cc-nd"]:before, [class*=" icon-cc-nd"]:before, [class^="icon-cc-public"]:before, [class*=" icon-cc-public"]:before, [class^="icon-cc-zero"]:before, [class*=" icon-cc-zero"]:before, [class^="icon-cc-share"]:before, [class*=" icon-cc-share"]:before, [class^="icon-cc-remix"]:before, [class*=" icon-cc-remix"]:before, [class^="icon-hatom"]:before, [class*=" icon-hatom"]:before, [class^="icon-hresume"]:before, [class*=" icon-hresume"]:before, [class^="icon-hcard-add"]:before, [class*=" icon-hcard-add"]:before, [class^="icon-hcard-download"]:before, [class*=" icon-hcard-download"]:before, [class^="icon-indieweb"]:before, [class*=" icon-indieweb"]:before, [class^="icon-indiewebcamp"]:before, [class*=" icon-indiewebcamp"]:before, [class^="icon-webfinger"]:before, [class*=" icon-webfinger"]:before, [class^="icon-bitcoin"]:before, [class*=" icon-bitcoin"]:before, [class^="icon-bitcoin-simple"]:before, [class*=" icon-bitcoin-simple"]:before, [class^="icon-svg"]:before, [class*=" icon-svg"]:before, [class^="icon-json-ld"]:before, [class*=" icon-json-ld"]:before, [class^="icon-tent"]:before, [class*=" icon-tent"]:before, [class^="icon-copyleft"]:before, [class*=" icon-copyleft"]:before, [class^="icon-gnu"]:before, [class*=" icon-gnu"]:before, [class^="icon-ofl-attribution"]:before, [class*=" icon-ofl-attribution"]:before, [class^="icon-ofl-share"]:before, [class*=" icon-ofl-share"]:before, [class^="icon-ofl-renaming"]:before, [class*=" icon-ofl-renaming"]:before, [class^="icon-ofl-selling"]:before, [class*=" icon-ofl-selling"]:before, [class^="icon-ofl-embedding"]:before, [class*=" icon-ofl-embedding"]:before, [class^="icon-webmention"]:before, [class*=" icon-webmention"]:before, [class^="icon-javascript"]:before, [class*=" icon-javascript"]:before, [class^="icon-wtfpl"]:before, [class*=" icon-wtfpl"]:before, [class^="icon-ofl"]:before, [class*=" icon-ofl"]:before {
[class^="icon-apml"]:before, [class*=" icon-apml"]:before, [class^="icon-open-share"]:before, [class*=" icon-open-share"]:before, [class^="icon-open-share-simple"]:before, [class*=" icon-open-share-simple"]:before, [class^="icon-share"]:before, [class*=" icon-share"]:before, [class^="icon-share-simple"]:before, [class*=" icon-share-simple"]:before, [class^="icon-feed"]:before, [class*=" icon-feed"]:before, [class^="icon-feed-simple"]:before, [class*=" icon-feed-simple"]:before, [class^="icon-ostatus"]:before, [class*=" icon-ostatus"]:before, [class^="icon-ostatus-simple"]:before, [class*=" icon-ostatus-simple"]:before, [class^="icon-opml"]:before, [class*=" icon-opml"]:before, [class^="icon-activity"]:before, [class*=" icon-activity"]:before, [class^="icon-activity-simple"]:before, [class*=" icon-activity-simple"]:before, [class^="icon-microformats"]:before, [class*=" icon-microformats"]:before, [class^="icon-geo"]:before, [class*=" icon-geo"]:before, [class^="icon-opensearch"]:before, [class*=" icon-opensearch"]:before, [class^="icon-oauth"]:before, [class*=" icon-oauth"]:before, [class^="icon-openid"]:before, [class*=" icon-openid"]:before, [class^="icon-semantic-web"]:before, [class*=" icon-semantic-web"]:before, [class^="icon-rdf"]:before, [class*=" icon-rdf"]:before, [class^="icon-rdfa"]:before, [class*=" icon-rdfa"]:before, [class^="icon-owl"]:before, [class*=" icon-owl"]:before, [class^="icon-dataportability"]:before, [class*=" icon-dataportability"]:before, [class^="icon-federated"]:before, [class*=" icon-federated"]:before, [class^="icon-web-intents"]:before, [class*=" icon-web-intents"]:before, [class^="icon-open-web"]:before, [class*=" icon-open-web"]:before, [class^="icon-xmpp"]:before, [class*=" icon-xmpp"]:before, [class^="icon-html5"]:before, [class*=" icon-html5"]:before, [class^="icon-css3"]:before, [class*=" icon-css3"]:before, [class^="icon-connectivity"]:before, [class*=" icon-connectivity"]:before, [class^="icon-semantics"]:before, [class*=" icon-semantics"]:before, [class^="icon-3deffects"]:before, [class*=" icon-3deffects"]:before, [class^="icon-device-access"]:before, [class*=" icon-device-access"]:before, [class^="icon-multimedia"]:before, [class*=" icon-multimedia"]:before, [class^="icon-offline-storage"]:before, [class*=" icon-offline-storage"]:before, [class^="icon-perfintegration"]:before, [class*=" icon-perfintegration"]:before, [class^="icon-git"]:before, [class*=" icon-git"]:before, [class^="icon-webhooks"]:before, [class*=" icon-webhooks"]:before, [class^="icon-osi"]:before, [class*=" icon-osi"]:before, [class^="icon-opensource"]:before, [class*=" icon-opensource"]:before, [class^="icon-opengraph"]:before, [class*=" icon-opengraph"]:before, [class^="icon-epub"]:before, [class*=" icon-epub"]:before, [class^="icon-qr"]:before, [class*=" icon-qr"]:before, [class^="icon-foaf"]:before, [class*=" icon-foaf"]:before, [class^="icon-info-card"]:before, [class*=" icon-info-card"]:before, [class^="icon-browserid"]:before, [class*=" icon-browserid"]:before, [class^="icon-remote-storage"]:before, [class*=" icon-remote-storage"]:before, [class^="icon-persona"]:before, [class*=" icon-persona"]:before, [class^="icon-odata"]:before, [class*=" icon-odata"]:before, [class^="icon-markdown"]:before, [class*=" icon-markdown"]:before, [class^="icon-tosdr"]:before, [class*=" icon-tosdr"]:before, [class^="icon-pub"]:before, [class*=" icon-pub"]:before, [class^="icon-sub"]:before, [class*=" icon-sub"]:before, [class^="icon-hubbub"]:before, [class*=" icon-hubbub"]:before, [class^="icon-pubsubhubbub"]:before, [class*=" icon-pubsubhubbub"]:before, [class^="icon-cc"]:before, [class*=" icon-cc"]:before, [class^="icon-cc-by"]:before, [class*=" icon-cc-by"]:before, [class^="icon-cc-nc"]:before, [class*=" icon-cc-nc"]:before, [class^="icon-cc-nc-eu"]:before, [class*=" icon-cc-nc-eu"]:before, [class^="icon-cc-nc-jp"]:before, [class*=" icon-cc-nc-jp"]:before, [class^="icon-cc-sa"]:before, [class*=" icon-cc-sa"]:before, [class^="icon-cc-nd"]:before, [class*=" icon-cc-nd"]:before, [class^="icon-cc-public"]:before, [class*=" icon-cc-public"]:before, [class^="icon-cc-zero"]:before, [class*=" icon-cc-zero"]:before, [class^="icon-cc-share"]:before, [class*=" icon-cc-share"]:before, [class^="icon-cc-remix"]:before, [class*=" icon-cc-remix"]:before, [class^="icon-hatom"]:before, [class*=" icon-hatom"]:before, [class^="icon-hresume"]:before, [class*=" icon-hresume"]:before, [class^="icon-hcard-add"]:before, [class*=" icon-hcard-add"]:before, [class^="icon-hcard-download"]:before, [class*=" icon-hcard-download"]:before, [class^="icon-indieweb"]:before, [class*=" icon-indieweb"]:before, [class^="icon-indiewebcamp"]:before, [class*=" icon-indiewebcamp"]:before, [class^="icon-webfinger"]:before, [class*=" icon-webfinger"]:before, [class^="icon-bitcoin"]:before, [class*=" icon-bitcoin"]:before, [class^="icon-bitcoin-simple"]:before, [class*=" icon-bitcoin-simple"]:before, [class^="icon-svg"]:before, [class*=" icon-svg"]:before, [class^="icon-json-ld"]:before, [class*=" icon-json-ld"]:before, [class^="icon-tent"]:before, [class*=" icon-tent"]:before, [class^="icon-copyleft"]:before, [class*=" icon-copyleft"]:before, [class^="icon-gnu"]:before, [class*=" icon-gnu"]:before, [class^="icon-ofl-attribution"]:before, [class*=" icon-ofl-attribution"]:before, [class^="icon-ofl-share"]:before, [class*=" icon-ofl-share"]:before, [class^="icon-ofl-renaming"]:before, [class*=" icon-ofl-renaming"]:before, [class^="icon-ofl-selling"]:before, [class*=" icon-ofl-selling"]:before, [class^="icon-ofl-embedding"]:before, [class*=" icon-ofl-embedding"]:before, [class^="icon-webmention"]:before, [class*=" icon-webmention"]:before, [class^="icon-javascript"]:before, [class*=" icon-javascript"]:before, [class^="icon-wtfpl"]:before, [class*=" icon-wtfpl"]:before, [class^="icon-ofl"]:before, [class*=" icon-ofl"]:before, [class^="icon-wordpress"]:before, [class*=" icon-wordpress"]:before, [class^="icon-owncloud"]:before, [class*=" icon-owncloud"]:before, [class^="icon-cccs"]:before, [class*=" icon-cccs"]:before, [class^="icon-barcamp"]:before, [class*=" icon-barcamp"]:before, [class^="icon-indiehosters"]:before, [class*=" icon-indiehosters"]:before, [class^="icon-known"]:before, [class*=" icon-known"]:before, [class^="icon-mozilla"]:before, [class*=" icon-mozilla"]:before {
font-family: 'OpenWeb Icons';
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
Expand Down Expand Up @@ -380,6 +380,34 @@ li[class^="icon-"], li[class*=" icon-"] {
content: "\f053";
}

.icon-wordpress:before {
content: "\f054";
}

.icon-owncloud:before {
content: "\f055";
}

.icon-cccs:before {
content: "\f056";
}

.icon-barcamp:before {
content: "\f057";
}

.icon-indiehosters:before {
content: "\f058";
}

.icon-known:before {
content: "\f059";
}

.icon-mozilla:before {
content: "\f05a";
}

.icon-apml-colored:before {
content: "\f001";
color: #AFDD63;
Expand Down
Loading

0 comments on commit c07e1d0

Please sign in to comment.