mirror of
https://github.com/Mibew/simple-icons.git
synced 2025-10-31 10:31:06 +03:00
Merge pull request #342 from lowmess/css-custom-properties
Add custom properties CSS file
This commit is contained in:
Dan Leech
GitHub
commit
a131596b3b
289
colour-variables.css
Normal file
289
colour-variables.css
Normal file
@ -0,0 +1,289 @@
|
||||
/* Brand colours from simpleicons.org */
|
||||
:root {
|
||||
--color-brand-500px: #0099E5;
|
||||
--color-brand-acm: #0085CA;
|
||||
--color-brand-aboutme: #044A75;
|
||||
--color-brand-air: #FF2D55;
|
||||
--color-brand-airbnb: #FF5A5F;
|
||||
--color-brand-amazon: #FF9900;
|
||||
--color-brand-americanexpress: #2E77BC;
|
||||
--color-brand-android: #A4C639;
|
||||
--color-brand-appnet: #3A393C;
|
||||
--color-brand-apple: #999999;
|
||||
--color-brand-asana: #273347;
|
||||
--color-brand-automatic: #7D8084;
|
||||
--color-brand-baidu: #2319DC;
|
||||
--color-brand-bandcamp: #408294;
|
||||
--color-brand-basecamp: #66CC66;
|
||||
--color-brand-bathasu: #00A3E0;
|
||||
--color-brand-bebo: #DE484A;
|
||||
--color-brand-behance: #1769FF;
|
||||
--color-brand-bigcartel: #222222;
|
||||
--color-brand-bing: #008373;
|
||||
--color-brand-bitbucket: #205081;
|
||||
--color-brand-bitcoin: #F7931A;
|
||||
--color-brand-bitly: #EE6123;
|
||||
--color-brand-blogger: #F38936;
|
||||
--color-brand-bootstrap: #563D7C;
|
||||
--color-brand-brandai: #0AA0FF;
|
||||
--color-brand-buffer: #323B43;
|
||||
--color-brand-buzzfeed: #EE3322;
|
||||
--color-brand-csswizardry: #F43059;
|
||||
--color-brand-cakephp: #D33C43;
|
||||
--color-brand-campaignmonitor: #19A9E5;
|
||||
--color-brand-circleci: #343434;
|
||||
--color-brand-coop: #00A1CC;
|
||||
--color-brand-codeschool: #4CADC0;
|
||||
--color-brand-codeigniter: #EE4623;
|
||||
--color-brand-codepen: #000000;
|
||||
--color-brand-codecademy: #204056;
|
||||
--color-brand-codeforces: #1F8ACB;
|
||||
--color-brand-coderwall: #3E8DCC;
|
||||
--color-brand-codio: #4574E0;
|
||||
--color-brand-compropago: #00AAEF;
|
||||
--color-brand-conekta: #414959;
|
||||
--color-brand-coursera: #757575;
|
||||
--color-brand-dailymotion: #0066DC;
|
||||
--color-brand-deezer: #00C7F2;
|
||||
--color-brand-delicious: #3399FF;
|
||||
--color-brand-designernews: #2D72D9;
|
||||
--color-brand-deviantart: #05CC47;
|
||||
--color-brand-diaspora: #000000;
|
||||
--color-brand-digg: #000000;
|
||||
--color-brand-digitalocean: #0080FF;
|
||||
--color-brand-discord: #7289DA;
|
||||
--color-brand-discover: #FF6000;
|
||||
--color-brand-disqus: #2E9FFF;
|
||||
--color-brand-docker: #1488C6;
|
||||
--color-brand-draugiemlv: #FF6600;
|
||||
--color-brand-dribbble: #EA4C89;
|
||||
--color-brand-dropbox: #007EE5;
|
||||
--color-brand-drupal: #0678BE;
|
||||
--color-brand-ello: #000000;
|
||||
--color-brand-empirekred: #72BE50;
|
||||
--color-brand-ethereum: #3C3C3D;
|
||||
--color-brand-etsy: #F45800;
|
||||
--color-brand-eventstore: #5AB552;
|
||||
--color-brand-eventbrite: #F6682F;
|
||||
--color-brand-evernote: #2DBE60;
|
||||
--color-brand-everplaces: #FA4B32;
|
||||
--color-brand-facebook: #3B5998;
|
||||
--color-brand-feedly: #6CC655;
|
||||
--color-brand-fitbit: #00B0B9;
|
||||
--color-brand-flickr: #0063DC;
|
||||
--color-brand-flipboard: #E12828;
|
||||
--color-brand-foursquare: #F94877;
|
||||
--color-brand-govuk: #005EA5;
|
||||
--color-brand-gauges: #339966;
|
||||
--color-brand-geeklist: #8CC63F;
|
||||
--color-brand-geocaching: #467126;
|
||||
--color-brand-ghost: #718087;
|
||||
--color-brand-git: #F14E32;
|
||||
--color-brand-github: #181717;
|
||||
--color-brand-gitlab: #E24329;
|
||||
--color-brand-gitter: #FF0064;
|
||||
--color-brand-glassdoor: #7CB228;
|
||||
--color-brand-goldenline: #FBBF00;
|
||||
--color-brand-goodreads: #663300;
|
||||
--color-brand-google: #4285F4;
|
||||
--color-brand-googleanalytics: #FFC107;
|
||||
--color-brand-googledrive: #4386FC;
|
||||
--color-brand-googlehangouts: #0C9D58;
|
||||
--color-brand-googleplay: #607D8B;
|
||||
--color-brand-googleplus: #DC4E41;
|
||||
--color-brand-gratipay: #663300;
|
||||
--color-brand-grav: #221E1F;
|
||||
--color-brand-gravatar: #1E8CBE;
|
||||
--color-brand-gulp: #DA4648;
|
||||
--color-brand-gumtree: #72EF36;
|
||||
--color-brand-html5: #E34F26;
|
||||
--color-brand-hackerrank: #2EC866;
|
||||
--color-brand-hackster: #1BACF7;
|
||||
--color-brand-hatenabookmark: #00A4DE;
|
||||
--color-brand-heroku: #430098;
|
||||
--color-brand-hipchat: #205281;
|
||||
--color-brand-hootsuite: #000000;
|
||||
--color-brand-houzz: #7AC142;
|
||||
--color-brand-hulu: #66AA33;
|
||||
--color-brand-imdb: #E6B91E;
|
||||
--color-brand-invision: #FF3366;
|
||||
--color-brand-instacart: #43B02A;
|
||||
--color-brand-instagram: #E4405F;
|
||||
--color-brand-instapaper: #1F1F1F;
|
||||
--color-brand-intercom: #1F8DED;
|
||||
--color-brand-jsfiddle: #4679A4;
|
||||
--color-brand-json: #000000;
|
||||
--color-brand-javascript: #F7DF1E;
|
||||
--color-brand-jekyll: #CC0000;
|
||||
--color-brand-jenkins: #D24939;
|
||||
--color-brand-joomla: #5091CD;
|
||||
--color-brand-justgiving: #AD29B6;
|
||||
--color-brand-kaggle: #20BEFF;
|
||||
--color-brand-khanacademy: #9DB63B;
|
||||
--color-brand-kickstarter: #2BDE73;
|
||||
--color-brand-kik: #82BC23;
|
||||
--color-brand-kirby: #FF0100;
|
||||
--color-brand-klout: #E44600;
|
||||
--color-brand-koding: #00B057;
|
||||
--color-brand-lanyrd: #3C80CA;
|
||||
--color-brand-laravel: #E74430;
|
||||
--color-brand-lastfm: #D51007;
|
||||
--color-brand-launchpad: #F8C300;
|
||||
--color-brand-line: #00C300;
|
||||
--color-brand-linkedin: #0077B5;
|
||||
--color-brand-linuxfoundation: #009BEE;
|
||||
--color-brand-livejournal: #00B0EA;
|
||||
--color-brand-livestream: #CF202E;
|
||||
--color-brand-macys: #E11A2B;
|
||||
--color-brand-magento: #EE672F;
|
||||
--color-brand-mailchimp: #2C9AB7;
|
||||
--color-brand-makerbot: #FF1E0D;
|
||||
--color-brand-mastercard: #EB001B;
|
||||
--color-brand-matternet: #261C29;
|
||||
--color-brand-mediatemple: #000000;
|
||||
--color-brand-medium: #00AB6B;
|
||||
--color-brand-meetup: #E2373C;
|
||||
--color-brand-messenger: #0084FF;
|
||||
--color-brand-microgenetics: #FF0000;
|
||||
--color-brand-microsoft: #666666;
|
||||
--color-brand-microsoftaccess: #BA141A;
|
||||
--color-brand-microsoftexcel: #217346;
|
||||
--color-brand-microsoftonenote: #80397B;
|
||||
--color-brand-microsoftoutlook: #0072C6;
|
||||
--color-brand-microsoftpowerpoint: #D24726;
|
||||
--color-brand-microsoftword: #2B579A;
|
||||
--color-brand-minecraft: #62B74A;
|
||||
--color-brand-minutemailer: #3ABFE6;
|
||||
--color-brand-mixcloud: #314359;
|
||||
--color-brand-monero: #FF6600;
|
||||
--color-brand-monkeytie: #FFC619;
|
||||
--color-brand-monogram: #FDB22A;
|
||||
--color-brand-moo: #00945E;
|
||||
--color-brand-myspace: #030303;
|
||||
--color-brand-netflix: #E50914;
|
||||
--color-brand-nintendo: #8F8F8F;
|
||||
--color-brand-nintendoswitch: #E60012;
|
||||
--color-brand-ovh: #123F6D;
|
||||
--color-brand-oculus: #1C1E20;
|
||||
--color-brand-odnoklassniki: #F4731C;
|
||||
--color-brand-onedrive: #094AB2;
|
||||
--color-brand-opera: #FF1B2D;
|
||||
--color-brand-origin: #F56C2D;
|
||||
--color-brand-overcast: #FC7E0F;
|
||||
--color-brand-patreon: #E6461A;
|
||||
--color-brand-paypal: #00457C;
|
||||
--color-brand-periscope: #40A4C4;
|
||||
--color-brand-pinboard: #0000FF;
|
||||
--color-brand-pingdom: #FFF000;
|
||||
--color-brand-pingup: #00B1AB;
|
||||
--color-brand-pinterest: #BD081C;
|
||||
--color-brand-plangrid: #0085DE;
|
||||
--color-brand-playstation: #000000;
|
||||
--color-brand-playerme: #C0379A;
|
||||
--color-brand-pocket: #EF3F56;
|
||||
--color-brand-podcasts: #9933CC;
|
||||
--color-brand-producthunt: #DA552F;
|
||||
--color-brand-protoio: #34A7C1;
|
||||
--color-brand-quantopian: #C50000;
|
||||
--color-brand-quora: #B92B27;
|
||||
--color-brand-rss: #FFA500;
|
||||
--color-brand-raspberrypi: #C7053D;
|
||||
--color-brand-rdio: #008FD5;
|
||||
--color-brand-react: #00D8FF;
|
||||
--color-brand-readthedocs: #8CA1AF;
|
||||
--color-brand-readability: #990000;
|
||||
--color-brand-reddit: #FF4500;
|
||||
--color-brand-reverbnation: #E43526;
|
||||
--color-brand-ruby: #CC342D;
|
||||
--color-brand-runkeeper: #2DC9D7;
|
||||
--color-brand-sass: #CC6699;
|
||||
--color-brand-saucelabs: #EC4047;
|
||||
--color-brand-scribd: #1A7BBA;
|
||||
--color-brand-sega: #0089CF;
|
||||
--color-brand-sellfy: #21B352;
|
||||
--color-brand-sentiayoga: #4CAF50;
|
||||
--color-brand-sentry: #FB4226;
|
||||
--color-brand-serverfault: #E7282D;
|
||||
--color-brand-shopify: #7AB55C;
|
||||
--color-brand-simpleicons: #111111;
|
||||
--color-brand-sinaweibo: #E6162D;
|
||||
--color-brand-sitepoint: #258AAF;
|
||||
--color-brand-skyliner: #2FCEA0;
|
||||
--color-brand-skype: #00AFF0;
|
||||
--color-brand-slack: #56B68B;
|
||||
--color-brand-slashdot: #026664;
|
||||
--color-brand-slides: #E4637C;
|
||||
--color-brand-smashingmagazine: #E85C33;
|
||||
--color-brand-snapchat: #FFFC00;
|
||||
--color-brand-songkick: #F80046;
|
||||
--color-brand-soundcloud: #FF3300;
|
||||
--color-brand-speakerdeck: #339966;
|
||||
--color-brand-spotify: #1ED760;
|
||||
--color-brand-spotlight: #352A71;
|
||||
--color-brand-spreaker: #F5C300;
|
||||
--color-brand-squarespace: #000000;
|
||||
--color-brand-stackexchange: #1E5397;
|
||||
--color-brand-stackoverflow: #FE7A16;
|
||||
--color-brand-statamic: #1F3641;
|
||||
--color-brand-steam: #000000;
|
||||
--color-brand-stitcher: #000000;
|
||||
--color-brand-storify: #3A98D9;
|
||||
--color-brand-stripe: #008CDD;
|
||||
--color-brand-stubhub: #003168;
|
||||
--color-brand-stumbleupon: #EB4924;
|
||||
--color-brand-styleshare: #231F20;
|
||||
--color-brand-subversion: #809CC9;
|
||||
--color-brand-superuser: #2EACE3;
|
||||
--color-brand-swarm: #FBB631;
|
||||
--color-brand-ted: #E62B1E;
|
||||
--color-brand-teespring: #39ACE6;
|
||||
--color-brand-telegram: #2CA5E0;
|
||||
--color-brand-tesla: #CC0000;
|
||||
--color-brand-tinder: #FF6B6B;
|
||||
--color-brand-toggl: #C5000B;
|
||||
--color-brand-topcoder: #29A8E0;
|
||||
--color-brand-toptal: #3863A0;
|
||||
--color-brand-trakt: #ED1C24;
|
||||
--color-brand-travisci: #39A85B;
|
||||
--color-brand-treehouse: #5FCF80;
|
||||
--color-brand-trello: #0079BF;
|
||||
--color-brand-tripadvisor: #589442;
|
||||
--color-brand-trulia: #53B50A;
|
||||
--color-brand-tumblr: #36465D;
|
||||
--color-brand-twilio: #E12127;
|
||||
--color-brand-twitch: #6441A5;
|
||||
--color-brand-twitter: #1DA1F2;
|
||||
--color-brand-twoo: #FF7102;
|
||||
--color-brand-uber: #000000;
|
||||
--color-brand-ubuntu: #DD4814;
|
||||
--color-brand-udacity: #01B3E3;
|
||||
--color-brand-vk: #6383A8;
|
||||
--color-brand-viadeo: #F88D2D;
|
||||
--color-brand-viber: #7C529E;
|
||||
--color-brand-vimeo: #1AB7EA;
|
||||
--color-brand-vine: #11B48A;
|
||||
--color-brand-virb: #0093DA;
|
||||
--color-brand-visa: #142787;
|
||||
--color-brand-vuejs: #4FC08D;
|
||||
--color-brand-wechat: #7BB32E;
|
||||
--color-brand-whatsapp: #25D366;
|
||||
--color-brand-wikipedia: #000000;
|
||||
--color-brand-windows: #0078D6;
|
||||
--color-brand-wire: #000000;
|
||||
--color-brand-wix: #FFC233;
|
||||
--color-brand-wordpress: #21759B;
|
||||
--color-brand-xbox: #107C10;
|
||||
--color-brand-xero: #13B5EA;
|
||||
--color-brand-xing: #005A5F;
|
||||
--color-brand-yahoo: #440099;
|
||||
--color-brand-yammer: #0072C6;
|
||||
--color-brand-yelp: #C41200;
|
||||
--color-brand-youtube: #CD201F;
|
||||
--color-brand-zapier: #FF4A00;
|
||||
--color-brand-zendesk: #03363D;
|
||||
--color-brand-zerply: #9DBC7A;
|
||||
--color-brand-zillow: #0074E4;
|
||||
--color-brand-ebay: #E53238;
|
||||
--color-brand-freecodecamp: #006600;
|
||||
--color-brand-ifixit: #0071CE;
|
||||
}
|
||||
12
src/build.js
12
src/build.js
@ -117,6 +117,7 @@ fs.writeFile("../404.html", htmlOutput, function(err) {
|
||||
|
||||
var sass = "// Brand colours from simpleicons.org\n";
|
||||
var less = "// Brand colours from simpleicons.org\n";
|
||||
var css = "/* Brand colours from simpleicons.org */\n\n:root {";
|
||||
var maxNameLength = 0;
|
||||
|
||||
for (var i = 0; i < source.icons.length; i++) {
|
||||
@ -153,8 +154,11 @@ for (var i = 0; i < source.icons.length; i++) {
|
||||
|
||||
sass += "\n$color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
|
||||
less += "\n@color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
|
||||
css += "\n --color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
|
||||
}
|
||||
|
||||
css += "\n}";
|
||||
|
||||
// Generate Sass file with colour variables
|
||||
fs.writeFile("../colour-variables.scss", sass, function(err) {
|
||||
if(err) {
|
||||
@ -170,3 +174,11 @@ fs.writeFile("../colour-variables.less", less, function(err) {
|
||||
}
|
||||
console.log(" - brand-colours.less built successfully.");
|
||||
});
|
||||
|
||||
// Generate CSS file with colour variables
|
||||
fs.writeFile("../colour-variables.css", css, function(err) {
|
||||
if(err) {
|
||||
return console.log(err);
|
||||
}
|
||||
console.log(" - brand-colours.css build successfully.");
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user