From c87a03159e24dd6ccb4c5807ee07062df7a258cc Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 14:47:40 +0200 Subject: [PATCH 01/16] Duplicate of openId icon to create Viadeo icon --- webicons/webicon-viadeo.svg | 93 +++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 webicons/webicon-viadeo.svg diff --git a/webicons/webicon-viadeo.svg b/webicons/webicon-viadeo.svg new file mode 100644 index 0000000..137d25b --- /dev/null +++ b/webicons/webicon-viadeo.svg @@ -0,0 +1,93 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From a8fef659be68d71291b30a532bb92670d39df0f1 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 15:22:14 +0200 Subject: [PATCH 02/16] Creation of Video icon --- webicons/webicon-viadeo.svg | 122 ++++++++++++------------------------ 1 file changed, 39 insertions(+), 83 deletions(-) diff --git a/webicons/webicon-viadeo.svg b/webicons/webicon-viadeo.svg index 137d25b..141e425 100644 --- a/webicons/webicon-viadeo.svg +++ b/webicons/webicon-viadeo.svg @@ -1,93 +1,49 @@ - - + + - - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + From 97318c1d9432c7bd69f7b8bba9b99d30a436ed2c Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 15:31:53 +0200 Subject: [PATCH 03/16] Add of PNG versions of the viadeo ico --- webicons/webicon-viadeo-m.png | Bin 0 -> 1949 bytes webicons/webicon-viadeo-s.png | Bin 0 -> 1537 bytes webicons/webicon-viadeo.png | Bin 0 -> 2661 bytes 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 webicons/webicon-viadeo-m.png create mode 100644 webicons/webicon-viadeo-s.png create mode 100644 webicons/webicon-viadeo.png diff --git a/webicons/webicon-viadeo-m.png b/webicons/webicon-viadeo-m.png new file mode 100644 index 0000000000000000000000000000000000000000..2cc6f26d9ac0ae16fee4e838a0bebf6cb14e1df2 GIT binary patch literal 1949 zcmaJ?c~leE9*#hv3P=zIM3f<-qGTr|WD~Now1YIDAi~SbGLRG|6OsubC@vL>P%LW2 zgHg4J>;ZB>Y9coQnNf9RVtGxy%#`M&SBo^wkR z6Jk6U1uVkhaGr6oVi~rsa(wT)Vt+36{7GzCj!II|BqS3xD+~}$phlDs5CM0v^qZFm-fp9K&$2x zQX)Vqs24#RZES%7N-9W5RuyEc*lI%5Mu3;k!31CkRRH;Lj?T!*=M(01IoRG|rVxNR z2%60&{1H?tmm{2|ei}a5aVEt=Zo$*zfu!2$Y6?zJdOm(C*4+O#g4~5~^Xd^0v z{*3pH!p3Ba9-_z~BVsbBu*PMscDT}WLFywMDr7Yp}o(R*=6Nu;Xl z6O;qc`iI=o)Wb+(v2I~<^s&kR5Yr2Nz8PR`9aX;Ah54(*y6#QF4!Cwat&6?{`<+bW0!KJ?kR> zV9mRxcb;?&?77Q580!)i7B*RMX(}FV#y9rud-<}E!C*w=H5>L7AIPygskbjUx_I_kD{eI2vvWmDkGj}7 zC@`?0rNz@~wT4nC*6HcUw6rvPWy^H!&SBBnXRG~td>?16%s31T{vdgL1Gm(k-f-rw z_4&*UTVpas`1<*MxwX~%;1axja<$E#b!B^flb`W)(ruS7+S)p|p8i&mmv^K-GKDVS zd91O2w5}p1n~`*iRsYFmkk4XStU+*6-J@Iq_Ci z6!3jNqej_%e;u3xy6IA>bUKsEjqhcc^B%a&bJ+`;6?}J-+?)-M^?$A*AnKSFfjcp}mbqzoE9mUIc zt?&}9c~Ru!N#}=<8mSu+G)hb-Fgni*~_c`IXFykZ%;`744fAl|KoeQe~ literal 0 HcmV?d00001 diff --git a/webicons/webicon-viadeo-s.png b/webicons/webicon-viadeo-s.png new file mode 100644 index 0000000000000000000000000000000000000000..ef7bdf815676b48f14eb28f903c53024af4bb9fc GIT binary patch literal 1537 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE;=WQl7;NpOBzNqJ&XDuZK6ep0G} zXKrG8YEWuoN@d~6R2v2cW|hp4h>{3jAFJg2T)jk)8oi3#0-$aN1{?c|g2d$P)DnfH z)bz|eTc!8A_bVx6rr0WloBA5~7C5J7WO`H;r3P2|g(O#HCtIc{+1n}DR9FEG$W1Lt zRH(?!$t$+1uvG$^YXxM3g!Ppaz)DK8ZIvL7itr6kaLzAERWQ{v)=f4rG*mD%(=#+N zH8V5RQ7|$vG}1Q!A~Rh>6Dw0QDv55FG|-pw6wGYnPFt43sj+7T$xvrSfQI&tPC^3CAB!YD6^m>Ge1uOWMX1cerbuV z640d(FXR@$jm;~D1`{yA^eYkz^bPe4Kwg3=^!3HBG&dKny0|1L72#g21{a4^7NqJ2 zr55Lx79|5CE=?I^Re_arQEFmIeo;t%ehw@Y12XbU@{2R_3lyA#%@j0z6O%LZKmwXz z9lpL+o_WP3iFwJXo-VdZKr{3*GgGV#K*8+f=3-=Q;bds&YHVp?V&Uv$;p}K=WMpjO z>;}{8lAm0fo0?Yw)0=|O>xxq^C^6&~0Bv?jEy^rQO>ryA&s6|>+A0&bTbyv32i2Q` z+bzyG_38s1qYsK&q^O1o0n-nN2~W5{4m|0n<^j`t5int|E~xv-z`#`O>EaktacfD4 zW44r|$iKAm$J;EgEERd_$hjpVa%;wUx#~=Qt~hD^y<9(;Q>w%cK1~0 zVfIb`>%Od)W7-=f_~)88k9|6Cgx~K7sYHg|+^23TzUVhf`*tt!+4JlB)w8BK9DT0* z;w*=0^$(FBn|SMJR~CbJ3u^aB$49?RTuVZ3tm=uy`-Yt}S8ul!MCSF$^{V-d%rTArtl5@$RaU98x) zaxR#c?#ARf>BSCpAHS7Hr(LRwfuT2 zN>zI*S6^SBnsWW=MbB#+YwXsuf2**$7T)K!cvr}zlS>#|?)w@PNtYgLEwSqLP+{7A zH_!J)fyD%`r4vr3Y}l}&p=vK*$*KqZ+a|p2+O@;<&ZkeGzSiE)+paFOaoe_K-O)l_!mhLUMzO8okRioTAQ-PwLGFe-ta?GTg4k|b;6o{BM_g~+f xdGn&|HvCU;)ouU0N<9CQUeu0bhX36g7#ReMd!-|CZSR8$WlvW>mvv4FO#n1_ME?K) literal 0 HcmV?d00001 diff --git a/webicons/webicon-viadeo.png b/webicons/webicon-viadeo.png new file mode 100644 index 0000000000000000000000000000000000000000..45027a0b85f85c338b33453f9d5b766a6e41036e GIT binary patch literal 2661 zcmaJ@dpwi-AD?SeBu<2iwX~FMHgj8zY_rTQiMA4%?OE3B(l$mXaa=c1io;3Dbkw4d z6QzS(a>|tZ5z*<0QYZINA;)j)ROk1{uiy9eJkR(0{k-1q_viY@Bk}RxrL){*IS2&O zA-NHJ6}z?a1#2q4WYxK3#bzvYr3m+O8A1`24}e_g+zn(*q18$gmQ&kK`568!SA($ zSa?xsOpem9xkZ`cw?q=8dl#H>j`q9y5A zC6vJECwdKUuYzody|3eXKQnuuUU)22qiDzcc+K`#<(YO_6*WGamtM5hyniZaU92@r z=JR4LQnvCP36pE%rqm50Z`a{`@Hfr|8$USuoiP397rgG}=as5#jCx*dO zes7Bf;z%;gX?Q)urbnC{Ka9_9VX!vaOK#R|@7PwQZ@cWQWaYExH*T&(Ew0*jn%h1w z@czKH?&kJo;_M7vb@M)P5!j+al%K7!(VSB=F#^7K>v3M4++bDD*pywMp3h>+$Xn@= zIhEluYM#XYT{xs*dY8q-p~RLWQ@Yf-UX zx;sD0ejC9!wddnLh9ctT-%z7xKcz^s7;Htf(`HNh>31K zXd0CK>wJK^^L&)a;23?1IB|DljHPzE*gUB;$$AE?x<-Ar*f+#Ei8+{(6FP<+R71F- zkV{Lj7oK5SPX?BaD~xfG@NssRJM9rmtSTTBles ztan(R(^GcxjrSk`#aDcWS$Y1451ab~GlEG|5HP3vQ$%@u-+EJ zQkL`XliywYtxkMJtF)x#lw+0OWS_22znO^%Kf|daYRjUEGqr7v>Vu)tCpVj#n(9ui z-_HB1bCVpKOx8i8(Up!b9v25(_Fz4|XkQ7j?d$J9I`Itq?rCqYk%Nxsi3Hq%13C1+ zY?w9UWvrbBiD_%?G4C&L5?@5ysdU7$Ze1q1qdc|GR62XQztl+h0o?eY$}DMSc2=WR z5_q$i?q3@wS{+InH8C|Ee|PZ+1VZ(LW!(8u-}f4M&g1(SR@z+d7!rw`x-Tji9rIT! z@y#w`?787GHK^O5vE{q0f~cpKTeoht_8vWQt+=?jb6s(5VsGur;a*R00bNRKY1y0h zupx29IjQPkV_{(-N4t_iKeVB8feei{@YMSL!nxZ;Ma@I@j6k*iTWrC+O0<(`Jok|P zV7V^DtXiY%&2ez^Tv+OGR%>hFW0a+(B~OwHD-EoQaLhvlRfE%rLpR6T7OJ#wxph`w zZw{f&sFze$_Oh2QY!|ur#3C}ha~)I?anH?zm;PQfTEBj_&skj*q`@`4M{q}OXZ}ok zaN2AanVc;M+OtP5(;XP_6o(uZz7t2^()g_azH-P6oU|C!%i=4M2xvWy@~J|l7M zk2|^t%-dJO5eP2vRcWrbY({T1XVsoIHHq7v#GB@~I}HrCoaYRcH#R+bL^v{t zx{gN2Z?2i>5|?)5N2TWEnAkUL7CfwA^`xh#TMtcJ)EfP?&FZRS;2pke=Q5`A(Yd!T z&vpBkXlv{0dKBq|=JAFf8SgV(P@M@LnS6fFfj0oMx&1^{uI<^ND2`8HV9TQdnJoFj zqdm!&pV-1+nj{jbx19Oi$VP@f`w9>%4446b2wW(wE)C9)+8KXmg-P?ym+KhPvt36j z1Pd}vbK{QIkSba*T(9;*XX~9@YHML$KY>X6C2RbUiY9167@L$~36d&*{7A0egc4kE G+ Date: Wed, 2 Oct 2013 15:35:23 +0200 Subject: [PATCH 04/16] Add viadeo icon in CSS --- webicons.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/webicons.css b/webicons.css index 57bab85..0ad79f7 100644 --- a/webicons.css +++ b/webicons.css @@ -766,6 +766,18 @@ .svg .webicon.twitter { background: url("webicons/webicon-twitter.svg"); } +.no-svg .webicon.viadeo { + background: url("webicons/webicon-viadeo-m.png"); } + +.no-svg .webicon.viadeo.large { + background: url("webicons/webicon-viadeo.png"); } + +.no-svg .webicon.viadeo.small { + background: url("webicons/webicon-viadeo-s.png"); } + +.svg .webicon.viadeo { + background: url("webicons/webicon-viadeo.svg"); } + .no-svg .webicon.vimeo { background: url("webicons/webicon-vimeo-m.png"); } From e4bb8bc1a0ed4028bae3db3b038fe2bb250a1159 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 15:39:27 +0200 Subject: [PATCH 05/16] Add Viadeo icon on html and in SCSS --- webicons.html | 6 ++++++ webicons.scss | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/webicons.html b/webicons.html index 89b5a75..b51e479 100644 --- a/webicons.html +++ b/webicons.html @@ -145,6 +145,8 @@ + Viadeo + Vimeo Windows @@ -289,6 +291,8 @@ + Viadeo + Vimeo Windows @@ -433,6 +437,8 @@ + Viadeo + Vimeo Windows diff --git a/webicons.scss b/webicons.scss index b747785..64a3d63 100644 --- a/webicons.scss +++ b/webicons.scss @@ -6,7 +6,7 @@ .webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } // Include or remove the icons you want to use on your site from this list. -$webicons-icons: f500px aboutme adn android apple behance bitbucket blogger branch coderwall creativecloud dribbble dropbox evernote fairheadcreative facebook flickr foursquare git github goodreads google googleplay googleplus hangouts html5 icloud indiegogo instagram instapaper kickstarter klout lastfm linkedin mail medium mixi msn openid picasa pinterest pocketapp potluck quora orkut mercurial rdio reddit renren rss skitch skype soundcloud spotify stackoverflow stumbleupon svn tent tripadvisor tumblr twitter vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply; +$webicons-icons: f500px aboutme adn android apple behance bitbucket blogger branch coderwall creativecloud dribbble dropbox evernote fairheadcreative facebook flickr foursquare git github goodreads google googleplay googleplus hangouts html5 icloud indiegogo instagram instapaper kickstarter klout lastfm linkedin mail medium mixi msn openid picasa pinterest pocketapp potluck quora orkut mercurial rdio reddit renren rss skitch skype soundcloud spotify stackoverflow stumbleupon svn tent tripadvisor tumblr twitter viadeo vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply; // Specify the path to the webicons directory here. Include trailing slash. $webicons-url: "webicons/" !default; From 66358bc8f3cdb0c7f0e3d92c6b715681db24e6f7 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 15:47:12 +0200 Subject: [PATCH 06/16] Maj doc --- README.markdown | 1 + 1 file changed, 1 insertion(+) diff --git a/README.markdown b/README.markdown index 4c915f3..ae5cf21 100644 --- a/README.markdown +++ b/README.markdown @@ -72,6 +72,7 @@ Enjoy Webicons! * Trip Advisor * Tumblr * Twitter +* Viadeo * Vimeo * Windows * WordPress From 855997d6e38eb5b5d4150f473e898d49685d28a9 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 16:16:11 +0200 Subject: [PATCH 07/16] Duplicate CSS to init less support --- webicons.less | 903 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 903 insertions(+) create mode 100644 webicons.less diff --git a/webicons.less b/webicons.less new file mode 100644 index 0000000..4e8dc39 --- /dev/null +++ b/webicons.less @@ -0,0 +1,903 @@ +/* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */ + +// Specify the path to the webicons directory here. Include trailing slash. +@webicons-url: "webicons/"; + +.webicon { + display: inline-block; + background-size: 100%; + width: 30px; + height: 30px; + text-indent: -999em; + text-align: left; + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + margin-bottom: 5px; } + +.webicon:hover { + margin: -1px 0 1px; + -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } + +.webicon.small { + width: 20px; + height: 20px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; } + +.webicon.large { + width: 48px; + height: 48px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; } + +.no-svg .webicon.f500px { + background: url("webicons/webicon-f500px-m.png"); } + +.no-svg .webicon.f500px.large { + background: url("webicons/webicon-f500px.png"); } + +.no-svg .webicon.f500px.small { + background: url("webicons/webicon-f500px-s.png"); } + +.svg .webicon.f500px { + background: url("webicons/webicon-f500px.svg"); } + +.no-svg .webicon.aboutme { + background: url("webicons/webicon-aboutme-m.png"); } + +.no-svg .webicon.aboutme.large { + background: url("webicons/webicon-aboutme.png"); } + +.no-svg .webicon.aboutme.small { + background: url("webicons/webicon-aboutme-s.png"); } + +.svg .webicon.aboutme { + background: url("webicons/webicon-aboutme.svg"); } + +.no-svg .webicon.adn { + background: url("webicons/webicon-adn-m.png"); } + +.no-svg .webicon.adn.large { + background: url("webicons/webicon-adn.png"); } + +.no-svg .webicon.adn.small { + background: url("webicons/webicon-adn-s.png"); } + +.svg .webicon.adn { + background: url("webicons/webicon-adn.svg"); } + +.no-svg .webicon.android { + background: url("webicons/webicon-android-m.png"); } + +.no-svg .webicon.android.large { + background: url("webicons/webicon-android.png"); } + +.no-svg .webicon.android.small { + background: url("webicons/webicon-android-s.png"); } + +.svg .webicon.android { + background: url("webicons/webicon-android.svg"); } + +.no-svg .webicon.apple { + background: url("webicons/webicon-apple-m.png"); } + +.no-svg .webicon.apple.large { + background: url("webicons/webicon-apple.png"); } + +.no-svg .webicon.apple.small { + background: url("webicons/webicon-apple-s.png"); } + +.svg .webicon.apple { + background: url("webicons/webicon-apple.svg"); } + +.no-svg .webicon.behance { + background: url("webicons/webicon-behance-m.png"); } + +.no-svg .webicon.behance.large { + background: url("webicons/webicon-behance.png"); } + +.no-svg .webicon.behance.small { + background: url("webicons/webicon-behance-s.png"); } + +.svg .webicon.behance { + background: url("webicons/webicon-behance.svg"); } + +.no-svg .webicon.bitbucket { + background: url("webicons/webicon-bitbucket-m.png"); } + +.no-svg .webicon.bitbucket.large { + background: url("webicons/webicon-bitbucket.png"); } + +.no-svg .webicon.bitbucket.small { + background: url("webicons/webicon-bitbucket-s.png"); } + +.svg .webicon.bitbucket { + background: url("webicons/webicon-bitbucket.svg"); } + +.no-svg .webicon.blogger { + background: url("webicons/webicon-blogger-m.png"); } + +.no-svg .webicon.blogger.large { + background: url("webicons/webicon-blogger.png"); } + +.no-svg .webicon.blogger.small { + background: url("webicons/webicon-blogger-s.png"); } + +.svg .webicon.blogger { + background: url("webicons/webicon-blogger.svg"); } + +.no-svg .webicon.branch { + background: url("webicons/webicon-branch-m.png"); } + +.no-svg .webicon.branch.large { + background: url("webicons/webicon-branch.png"); } + +.no-svg .webicon.branch.small { + background: url("webicons/webicon-branch-s.png"); } + +.svg .webicon.branch { + background: url("webicons/webicon-branch.svg"); } + +.no-svg .webicon.coderwall { + background: url("webicons/webicon-coderwall-m.png"); } + +.no-svg .webicon.coderwall.large { + background: url("webicons/webicon-coderwall.png"); } + +.no-svg .webicon.coderwall.small { + background: url("webicons/webicon-coderwall-s.png"); } + +.svg .webicon.coderwall { + background: url("webicons/webicon-coderwall.svg"); } + +.no-svg .webicon.creativecloud { + background: url("webicons/webicon-creativecloud-m.png"); } + +.no-svg .webicon.creativecloud.large { + background: url("webicons/webicon-creativecloud.png"); } + +.no-svg .webicon.creativecloud.small { + background: url("webicons/webicon-creativecloud-s.png"); } + +.svg .webicon.creativecloud { + background: url("webicons/webicon-creativecloud.svg"); } + +.no-svg .webicon.dribbble { + background: url("webicons/webicon-dribbble-m.png"); } + +.no-svg .webicon.dribbble.large { + background: url("webicons/webicon-dribbble.png"); } + +.no-svg .webicon.dribbble.small { + background: url("webicons/webicon-dribbble-s.png"); } + +.svg .webicon.dribbble { + background: url("webicons/webicon-dribbble.svg"); } + +.no-svg .webicon.dropbox { + background: url("webicons/webicon-dropbox-m.png"); } + +.no-svg .webicon.dropbox.large { + background: url("webicons/webicon-dropbox.png"); } + +.no-svg .webicon.dropbox.small { + background: url("webicons/webicon-dropbox-s.png"); } + +.svg .webicon.dropbox { + background: url("webicons/webicon-dropbox.svg"); } + +.no-svg .webicon.evernote { + background: url("webicons/webicon-evernote-m.png"); } + +.no-svg .webicon.evernote.large { + background: url("webicons/webicon-evernote.png"); } + +.no-svg .webicon.evernote.small { + background: url("webicons/webicon-evernote-s.png"); } + +.svg .webicon.evernote { + background: url("webicons/webicon-evernote.svg"); } + +.no-svg .webicon.fairheadcreative { + background: url("webicons/webicon-fairheadcreative-m.png"); } + +.no-svg .webicon.fairheadcreative.large { + background: url("webicons/webicon-fairheadcreative.png"); } + +.no-svg .webicon.fairheadcreative.small { + background: url("webicons/webicon-fairheadcreative-s.png"); } + +.svg .webicon.fairheadcreative { + background: url("webicons/webicon-fairheadcreative.svg"); } + +.no-svg .webicon.facebook { + background: url("webicons/webicon-facebook-m.png"); } + +.no-svg .webicon.facebook.large { + background: url("webicons/webicon-facebook.png"); } + +.no-svg .webicon.facebook.small { + background: url("webicons/webicon-facebook-s.png"); } + +.svg .webicon.facebook { + background: url("webicons/webicon-facebook.svg"); } + +.no-svg .webicon.flickr { + background: url("webicons/webicon-flickr-m.png"); } + +.no-svg .webicon.flickr.large { + background: url("webicons/webicon-flickr.png"); } + +.no-svg .webicon.flickr.small { + background: url("webicons/webicon-flickr-s.png"); } + +.svg .webicon.flickr { + background: url("webicons/webicon-flickr.svg"); } + +.no-svg .webicon.foursquare { + background: url("webicons/webicon-foursquare-m.png"); } + +.no-svg .webicon.foursquare.large { + background: url("webicons/webicon-foursquare.png"); } + +.no-svg .webicon.foursquare.small { + background: url("webicons/webicon-foursquare-s.png"); } + +.svg .webicon.foursquare { + background: url("webicons/webicon-foursquare.svg"); } + +.no-svg .webicon.git { + background: url("webicons/webicon-git-m.png"); } + +.no-svg .webicon.git.large { + background: url("webicons/webicon-git.png"); } + +.no-svg .webicon.git.small { + background: url("webicons/webicon-git-s.png"); } + +.svg .webicon.git { + background: url("webicons/webicon-git.svg"); } + +.no-svg .webicon.github { + background: url("webicons/webicon-github-m.png"); } + +.no-svg .webicon.github.large { + background: url("webicons/webicon-github.png"); } + +.no-svg .webicon.github.small { + background: url("webicons/webicon-github-s.png"); } + +.svg .webicon.github { + background: url("webicons/webicon-github.svg"); } + +.no-svg .webicon.goodreads { + background: url("webicons/webicon-goodreads-m.png"); } + +.no-svg .webicon.goodreads.large { + background: url("webicons/webicon-goodreads.png"); } + +.no-svg .webicon.goodreads.small { + background: url("webicons/webicon-goodreads-s.png"); } + +.svg .webicon.goodreads { + background: url("webicons/webicon-goodreads.svg"); } + +.no-svg .webicon.google { + background: url("webicons/webicon-google-m.png"); } + +.no-svg .webicon.google.large { + background: url("webicons/webicon-google.png"); } + +.no-svg .webicon.google.small { + background: url("webicons/webicon-google-s.png"); } + +.svg .webicon.google { + background: url("webicons/webicon-google.svg"); } + +.no-svg .webicon.googleplay { + background: url("webicons/webicon-googleplay-m.png"); } + +.no-svg .webicon.googleplay.large { + background: url("webicons/webicon-googleplay.png"); } + +.no-svg .webicon.googleplay.small { + background: url("webicons/webicon-googleplay-s.png"); } + +.svg .webicon.googleplay { + background: url("webicons/webicon-googleplay.svg"); } + +.no-svg .webicon.googleplus { + background: url("webicons/webicon-googleplus-m.png"); } + +.no-svg .webicon.googleplus.large { + background: url("webicons/webicon-googleplus.png"); } + +.no-svg .webicon.googleplus.small { + background: url("webicons/webicon-googleplus-s.png"); } + +.svg .webicon.googleplus { + background: url("webicons/webicon-googleplus.svg"); } + +.no-svg .webicon.hangouts { + background: url("webicons/webicon-hangouts-m.png"); } + +.no-svg .webicon.hangouts.large { + background: url("webicons/webicon-hangouts.png"); } + +.no-svg .webicon.hangouts.small { + background: url("webicons/webicon-hangouts-s.png"); } + +.svg .webicon.hangouts { + background: url("webicons/webicon-hangouts.svg"); } + +.no-svg .webicon.html5 { + background: url("webicons/webicon-html5-m.png"); } + +.no-svg .webicon.html5.large { + background: url("webicons/webicon-html5.png"); } + +.no-svg .webicon.html5.small { + background: url("webicons/webicon-html5-s.png"); } + +.svg .webicon.html5 { + background: url("webicons/webicon-html5.svg"); } + +.no-svg .webicon.icloud { + background: url("webicons/webicon-icloud-m.png"); } + +.no-svg .webicon.icloud.large { + background: url("webicons/webicon-icloud.png"); } + +.no-svg .webicon.icloud.small { + background: url("webicons/webicon-icloud-s.png"); } + +.svg .webicon.icloud { + background: url("webicons/webicon-icloud.svg"); } + +.no-svg .webicon.indiegogo { + background: url("webicons/webicon-indiegogo-m.png"); } + +.no-svg .webicon.indiegogo.large { + background: url("webicons/webicon-indiegogo.png"); } + +.no-svg .webicon.indiegogo.small { + background: url("webicons/webicon-indiegogo-s.png"); } + +.svg .webicon.indiegogo { + background: url("webicons/webicon-indiegogo.svg"); } + +.no-svg .webicon.instagram { + background: url("webicons/webicon-instagram-m.png"); } + +.no-svg .webicon.instagram.large { + background: url("webicons/webicon-instagram.png"); } + +.no-svg .webicon.instagram.small { + background: url("webicons/webicon-instagram-s.png"); } + +.svg .webicon.instagram { + background: url("webicons/webicon-instagram.svg"); } + +.no-svg .webicon.instapaper { + background: url("webicons/webicon-instapaper-m.png"); } + +.no-svg .webicon.instapaper.large { + background: url("webicons/webicon-instapaper.png"); } + +.no-svg .webicon.instapaper.small { + background: url("webicons/webicon-instapaper-s.png"); } + +.svg .webicon.instapaper { + background: url("webicons/webicon-instapaper.svg"); } + +.no-svg .webicon.kickstarter { + background: url("webicons/webicon-kickstarter-m.png"); } + +.no-svg .webicon.kickstarter.large { + background: url("webicons/webicon-kickstarter.png"); } + +.no-svg .webicon.kickstarter.small { + background: url("webicons/webicon-kickstarter-s.png"); } + +.svg .webicon.kickstarter { + background: url("webicons/webicon-kickstarter.svg"); } + +.no-svg .webicon.klout { + background: url("webicons/webicon-klout-m.png"); } + +.no-svg .webicon.klout.large { + background: url("webicons/webicon-klout.png"); } + +.no-svg .webicon.klout.small { + background: url("webicons/webicon-klout-s.png"); } + +.svg .webicon.klout { + background: url("webicons/webicon-klout.svg"); } + +.no-svg .webicon.lastfm { + background: url("webicons/webicon-lastfm-m.png"); } + +.no-svg .webicon.lastfm.large { + background: url("webicons/webicon-lastfm.png"); } + +.no-svg .webicon.lastfm.small { + background: url("webicons/webicon-lastfm-s.png"); } + +.svg .webicon.lastfm { + background: url("webicons/webicon-lastfm.svg"); } + +.no-svg .webicon.linkedin { + background: url("webicons/webicon-linkedin-m.png"); } + +.no-svg .webicon.linkedin.large { + background: url("webicons/webicon-linkedin.png"); } + +.no-svg .webicon.linkedin.small { + background: url("webicons/webicon-linkedin-s.png"); } + +.svg .webicon.linkedin { + background: url("webicons/webicon-linkedin.svg"); } + +.no-svg .webicon.mail { + background: url("webicons/webicon-mail-m.png"); } + +.no-svg .webicon.mail.large { + background: url("webicons/webicon-mail.png"); } + +.no-svg .webicon.mail.small { + background: url("webicons/webicon-mail-s.png"); } + +.svg .webicon.mail { + background: url("webicons/webicon-mail.svg"); } + +.no-svg .webicon.medium { + background: url("webicons/webicon-medium-m.png"); } + +.no-svg .webicon.medium.large { + background: url("webicons/webicon-medium.png"); } + +.no-svg .webicon.medium.small { + background: url("webicons/webicon-medium-s.png"); } + +.svg .webicon.medium { + background: url("webicons/webicon-medium.svg"); } + +.no-svg .webicon.mixi { + background: url("webicons/webicon-mixi-m.png"); } + +.no-svg .webicon.mixi.large { + background: url("webicons/webicon-mixi.png"); } + +.no-svg .webicon.mixi.small { + background: url("webicons/webicon-mixi-s.png"); } + +.svg .webicon.mixi { + background: url("webicons/webicon-mixi.svg"); } + +.no-svg .webicon.msn { + background: url("webicons/webicon-msn-m.png"); } + +.no-svg .webicon.msn.large { + background: url("webicons/webicon-msn.png"); } + +.no-svg .webicon.msn.small { + background: url("webicons/webicon-msn-s.png"); } + +.svg .webicon.msn { + background: url("webicons/webicon-msn.svg"); } + +.no-svg .webicon.openid { + background: url("webicons/webicon-openid-m.png"); } + +.no-svg .webicon.openid.large { + background: url("webicons/webicon-openid.png"); } + +.no-svg .webicon.openid.small { + background: url("webicons/webicon-openid-s.png"); } + +.svg .webicon.openid { + background: url("webicons/webicon-openid.svg"); } + +.no-svg .webicon.picasa { + background: url("webicons/webicon-picasa-m.png"); } + +.no-svg .webicon.picasa.large { + background: url("webicons/webicon-picasa.png"); } + +.no-svg .webicon.picasa.small { + background: url("webicons/webicon-picasa-s.png"); } + +.svg .webicon.picasa { + background: url("webicons/webicon-picasa.svg"); } + +.no-svg .webicon.pinterest { + background: url("webicons/webicon-pinterest-m.png"); } + +.no-svg .webicon.pinterest.large { + background: url("webicons/webicon-pinterest.png"); } + +.no-svg .webicon.pinterest.small { + background: url("webicons/webicon-pinterest-s.png"); } + +.svg .webicon.pinterest { + background: url("webicons/webicon-pinterest.svg"); } + +.no-svg .webicon.pocketapp { + background: url("webicons/webicon-pocketapp-m.png"); } + +.no-svg .webicon.pocketapp.large { + background: url("webicons/webicon-pocketapp.png"); } + +.no-svg .webicon.pocketapp.small { + background: url("webicons/webicon-pocketapp-s.png"); } + +.svg .webicon.pocketapp { + background: url("webicons/webicon-pocketapp.svg"); } + +.no-svg .webicon.potluck { + background: url("webicons/webicon-potluck-m.png"); } + +.no-svg .webicon.potluck.large { + background: url("webicons/webicon-potluck.png"); } + +.no-svg .webicon.potluck.small { + background: url("webicons/webicon-potluck-s.png"); } + +.svg .webicon.potluck { + background: url("webicons/webicon-potluck.svg"); } + +.no-svg .webicon.quora { + background: url("webicons/webicon-quora-m.png"); } + +.no-svg .webicon.quora.large { + background: url("webicons/webicon-quora.png"); } + +.no-svg .webicon.quora.small { + background: url("webicons/webicon-quora-s.png"); } + +.svg .webicon.quora { + background: url("webicons/webicon-quora.svg"); } + +.no-svg .webicon.orkut { + background: url("webicons/webicon-orkut-m.png"); } + +.no-svg .webicon.orkut.large { + background: url("webicons/webicon-orkut.png"); } + +.no-svg .webicon.orkut.small { + background: url("webicons/webicon-orkut-s.png"); } + +.svg .webicon.orkut { + background: url("webicons/webicon-orkut.svg"); } + +.no-svg .webicon.mercurial { + background: url("webicons/webicon-mercurial-m.png"); } + +.no-svg .webicon.mercurial.large { + background: url("webicons/webicon-mercurial.png"); } + +.no-svg .webicon.mercurial.small { + background: url("webicons/webicon-mercurial-s.png"); } + +.svg .webicon.mercurial { + background: url("webicons/webicon-mercurial.svg"); } + +.no-svg .webicon.rdio { + background: url("webicons/webicon-rdio-m.png"); } + +.no-svg .webicon.rdio.large { + background: url("webicons/webicon-rdio.png"); } + +.no-svg .webicon.rdio.small { + background: url("webicons/webicon-rdio-s.png"); } + +.svg .webicon.rdio { + background: url("webicons/webicon-rdio.svg"); } + +.no-svg .webicon.reddit { + background: url("webicons/webicon-reddit-m.png"); } + +.no-svg .webicon.reddit.large { + background: url("webicons/webicon-reddit.png"); } + +.no-svg .webicon.reddit.small { + background: url("webicons/webicon-reddit-s.png"); } + +.svg .webicon.reddit { + background: url("webicons/webicon-reddit.svg"); } + +.no-svg .webicon.renren { + background: url("webicons/webicon-renren-m.png"); } + +.no-svg .webicon.renren.large { + background: url("webicons/webicon-renren.png"); } + +.no-svg .webicon.renren.small { + background: url("webicons/webicon-renren-s.png"); } + +.svg .webicon.renren { + background: url("webicons/webicon-renren.svg"); } + +.no-svg .webicon.rss { + background: url("webicons/webicon-rss-m.png"); } + +.no-svg .webicon.rss.large { + background: url("webicons/webicon-rss.png"); } + +.no-svg .webicon.rss.small { + background: url("webicons/webicon-rss-s.png"); } + +.svg .webicon.rss { + background: url("webicons/webicon-rss.svg"); } + +.no-svg .webicon.skitch { + background: url("webicons/webicon-skitch-m.png"); } + +.no-svg .webicon.skitch.large { + background: url("webicons/webicon-skitch.png"); } + +.no-svg .webicon.skitch.small { + background: url("webicons/webicon-skitch-s.png"); } + +.svg .webicon.skitch { + background: url("webicons/webicon-skitch.svg"); } + +.no-svg .webicon.skype { + background: url("webicons/webicon-skype-m.png"); } + +.no-svg .webicon.skype.large { + background: url("webicons/webicon-skype.png"); } + +.no-svg .webicon.skype.small { + background: url("webicons/webicon-skype-s.png"); } + +.svg .webicon.skype { + background: url("webicons/webicon-skype.svg"); } + +.no-svg .webicon.soundcloud { + background: url("webicons/webicon-soundcloud-m.png"); } + +.no-svg .webicon.soundcloud.large { + background: url("webicons/webicon-soundcloud.png"); } + +.no-svg .webicon.soundcloud.small { + background: url("webicons/webicon-soundcloud-s.png"); } + +.svg .webicon.soundcloud { + background: url("webicons/webicon-soundcloud.svg"); } + +.no-svg .webicon.spotify { + background: url("webicons/webicon-spotify-m.png"); } + +.no-svg .webicon.spotify.large { + background: url("webicons/webicon-spotify.png"); } + +.no-svg .webicon.spotify.small { + background: url("webicons/webicon-spotify-s.png"); } + +.svg .webicon.spotify { + background: url("webicons/webicon-spotify.svg"); } + +.no-svg .webicon.stackoverflow { + background: url("webicons/webicon-stackoverflow-m.png"); } + +.no-svg .webicon.stackoverflow.large { + background: url("webicons/webicon-stackoverflow.png"); } + +.no-svg .webicon.stackoverflow.small { + background: url("webicons/webicon-stackoverflow-s.png"); } + +.svg .webicon.stackoverflow { + background: url("webicons/webicon-stackoverflow.svg"); } + +.no-svg .webicon.stumbleupon { + background: url("webicons/webicon-stumbleupon-m.png"); } + +.no-svg .webicon.stumbleupon.large { + background: url("webicons/webicon-stumbleupon.png"); } + +.no-svg .webicon.stumbleupon.small { + background: url("webicons/webicon-stumbleupon-s.png"); } + +.svg .webicon.stumbleupon { + background: url("webicons/webicon-stumbleupon.svg"); } + +.no-svg .webicon.svn { + background: url("webicons/webicon-svn-m.png"); } + +.no-svg .webicon.svn.large { + background: url("webicons/webicon-svn.png"); } + +.no-svg .webicon.svn.small { + background: url("webicons/webicon-svn-s.png"); } + +.svg .webicon.svn { + background: url("webicons/webicon-svn.svg"); } + +.no-svg .webicon.tent { + background: url("webicons/webicon-tent-m.png"); } + +.no-svg .webicon.tent.large { + background: url("webicons/webicon-tent.png"); } + +.no-svg .webicon.tent.small { + background: url("webicons/webicon-tent-s.png"); } + +.svg .webicon.tent { + background: url("webicons/webicon-tent.svg"); } + +.no-svg .webicon.tripadvisor { + background: url("webicons/webicon-tripadvisor-m.png"); } + +.no-svg .webicon.tripadvisor.large { + background: url("webicons/webicon-tripadvisor.png"); } + +.no-svg .webicon.tripadvisor.small { + background: url("webicons/webicon-tripadvisor-s.png"); } + +.svg .webicon.tripadvisor { + background: url("webicons/webicon-tripadvisor.svg"); } + +.no-svg .webicon.tumblr { + background: url("webicons/webicon-tumblr-m.png"); } + +.no-svg .webicon.tumblr.large { + background: url("webicons/webicon-tumblr.png"); } + +.no-svg .webicon.tumblr.small { + background: url("webicons/webicon-tumblr-s.png"); } + +.svg .webicon.tumblr { + background: url("webicons/webicon-tumblr.svg"); } + +.no-svg .webicon.twitter { + background: url("webicons/webicon-twitter-m.png"); } + +.no-svg .webicon.twitter.large { + background: url("webicons/webicon-twitter.png"); } + +.no-svg .webicon.twitter.small { + background: url("webicons/webicon-twitter-s.png"); } + +.svg .webicon.twitter { + background: url("webicons/webicon-twitter.svg"); } + +.no-svg .webicon.viadeo { + background: url("webicons/webicon-viadeo-m.png"); } + +.no-svg .webicon.viadeo.large { + background: url("webicons/webicon-viadeo.png"); } + +.no-svg .webicon.viadeo.small { + background: url("webicons/webicon-viadeo-s.png"); } + +.svg .webicon.viadeo { + background: url("webicons/webicon-viadeo.svg"); } + +.no-svg .webicon.vimeo { + background: url("webicons/webicon-vimeo-m.png"); } + +.no-svg .webicon.vimeo.large { + background: url("webicons/webicon-vimeo.png"); } + +.no-svg .webicon.vimeo.small { + background: url("webicons/webicon-vimeo-s.png"); } + +.svg .webicon.vimeo { + background: url("webicons/webicon-vimeo.svg"); } + +.no-svg .webicon.weibo { + background: url("webicons/webicon-weibo-m.png"); } + +.no-svg .webicon.weibo.large { + background: url("webicons/webicon-weibo.png"); } + +.no-svg .webicon.weibo.small { + background: url("webicons/webicon-weibo-s.png"); } + +.svg .webicon.weibo { + background: url("webicons/webicon-weibo.svg"); } + +.no-svg .webicon.windows { + background: url("webicons/webicon-windows-m.png"); } + +.no-svg .webicon.windows.large { + background: url("webicons/webicon-windows.png"); } + +.no-svg .webicon.windows.small { + background: url("webicons/webicon-windows-s.png"); } + +.svg .webicon.windows { + background: url("webicons/webicon-windows.svg"); } + +.no-svg .webicon.wordpress { + background: url("webicons/webicon-wordpress-m.png"); } + +.no-svg .webicon.wordpress.large { + background: url("webicons/webicon-wordpress.png"); } + +.no-svg .webicon.wordpress.small { + background: url("webicons/webicon-wordpress-s.png"); } + +.svg .webicon.wordpress { + background: url("webicons/webicon-wordpress.svg"); } + +.no-svg .webicon.xing { + background: url("webicons/webicon-xing-m.png"); } + +.no-svg .webicon.xing.large { + background: url("webicons/webicon-xing.png"); } + +.no-svg .webicon.xing.small { + background: url("webicons/webicon-xing-s.png"); } + +.svg .webicon.xing { + background: url("webicons/webicon-xing.svg"); } + +.no-svg .webicon.yahoo { + background: url("webicons/webicon-yahoo-m.png"); } + +.no-svg .webicon.yahoo.large { + background: url("webicons/webicon-yahoo.png"); } + +.no-svg .webicon.yahoo.small { + background: url("webicons/webicon-yahoo-s.png"); } + +.svg .webicon.yahoo { + background: url("webicons/webicon-yahoo.svg"); } + +.no-svg .webicon.yelp { + background: url("webicons/webicon-yelp-m.png"); } + +.no-svg .webicon.yelp.large { + background: url("webicons/webicon-yelp.png"); } + +.no-svg .webicon.yelp.small { + background: url("webicons/webicon-yelp-s.png"); } + +.svg .webicon.yelp { + background: url("webicons/webicon-yelp.svg"); } + +.no-svg .webicon.youtube { + background: url("webicons/webicon-youtube-m.png"); } + +.no-svg .webicon.youtube.large { + background: url("webicons/webicon-youtube.png"); } + +.no-svg .webicon.youtube.small { + background: url("webicons/webicon-youtube-s.png"); } + +.svg .webicon.youtube { + background: url("webicons/webicon-youtube.svg"); } + +.no-svg .webicon.youversion { + background: url("webicons/webicon-youversion-m.png"); } + +.no-svg .webicon.youversion.large { + background: url("webicons/webicon-youversion.png"); } + +.no-svg .webicon.youversion.small { + background: url("webicons/webicon-youversion-s.png"); } + +.svg .webicon.youversion { + background: url("webicons/webicon-youversion.svg"); } + +.no-svg .webicon.zerply { + background: url("webicons/webicon-zerply-m.png"); } + +.no-svg .webicon.zerply.large { + background: url("webicons/webicon-zerply.png"); } + +.no-svg .webicon.zerply.small { + background: url("webicons/webicon-zerply-s.png"); } + +.svg .webicon.zerply { + background: url("webicons/webicon-zerply.svg"); } From cdc8da92596f8056785da05027197235f9735c41 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 16:20:40 +0200 Subject: [PATCH 08/16] Set path to webicons with less variable --- webicons.less | 576 +++++++++++++++++++++++++------------------------- 1 file changed, 288 insertions(+), 288 deletions(-) diff --git a/webicons.less b/webicons.less index 4e8dc39..6e86694 100644 --- a/webicons.less +++ b/webicons.less @@ -39,865 +39,865 @@ border-radius: 6px; } .no-svg .webicon.f500px { - background: url("webicons/webicon-f500px-m.png"); } + background: url("@(webicons-url}webicon-f500px-m.png"); } .no-svg .webicon.f500px.large { - background: url("webicons/webicon-f500px.png"); } + background: url("@(webicons-url}webicon-f500px.png"); } .no-svg .webicon.f500px.small { - background: url("webicons/webicon-f500px-s.png"); } + background: url("@(webicons-url}webicon-f500px-s.png"); } .svg .webicon.f500px { - background: url("webicons/webicon-f500px.svg"); } + background: url("@(webicons-url}webicon-f500px.svg"); } .no-svg .webicon.aboutme { - background: url("webicons/webicon-aboutme-m.png"); } + background: url("@(webicons-url}webicon-aboutme-m.png"); } .no-svg .webicon.aboutme.large { - background: url("webicons/webicon-aboutme.png"); } + background: url("@(webicons-url}webicon-aboutme.png"); } .no-svg .webicon.aboutme.small { - background: url("webicons/webicon-aboutme-s.png"); } + background: url("@(webicons-url}webicon-aboutme-s.png"); } .svg .webicon.aboutme { - background: url("webicons/webicon-aboutme.svg"); } + background: url("@(webicons-url}webicon-aboutme.svg"); } .no-svg .webicon.adn { - background: url("webicons/webicon-adn-m.png"); } + background: url("@(webicons-url}webicon-adn-m.png"); } .no-svg .webicon.adn.large { - background: url("webicons/webicon-adn.png"); } + background: url("@(webicons-url}webicon-adn.png"); } .no-svg .webicon.adn.small { - background: url("webicons/webicon-adn-s.png"); } + background: url("@(webicons-url}webicon-adn-s.png"); } .svg .webicon.adn { - background: url("webicons/webicon-adn.svg"); } + background: url("@(webicons-url}webicon-adn.svg"); } .no-svg .webicon.android { - background: url("webicons/webicon-android-m.png"); } + background: url("@(webicons-url}webicon-android-m.png"); } .no-svg .webicon.android.large { - background: url("webicons/webicon-android.png"); } + background: url("@(webicons-url}webicon-android.png"); } .no-svg .webicon.android.small { - background: url("webicons/webicon-android-s.png"); } + background: url("@(webicons-url}webicon-android-s.png"); } .svg .webicon.android { - background: url("webicons/webicon-android.svg"); } + background: url("@(webicons-url}webicon-android.svg"); } .no-svg .webicon.apple { - background: url("webicons/webicon-apple-m.png"); } + background: url("@(webicons-url}webicon-apple-m.png"); } .no-svg .webicon.apple.large { - background: url("webicons/webicon-apple.png"); } + background: url("@(webicons-url}webicon-apple.png"); } .no-svg .webicon.apple.small { - background: url("webicons/webicon-apple-s.png"); } + background: url("@(webicons-url}webicon-apple-s.png"); } .svg .webicon.apple { - background: url("webicons/webicon-apple.svg"); } + background: url("@(webicons-url}webicon-apple.svg"); } .no-svg .webicon.behance { - background: url("webicons/webicon-behance-m.png"); } + background: url("@(webicons-url}webicon-behance-m.png"); } .no-svg .webicon.behance.large { - background: url("webicons/webicon-behance.png"); } + background: url("@(webicons-url}webicon-behance.png"); } .no-svg .webicon.behance.small { - background: url("webicons/webicon-behance-s.png"); } + background: url("@(webicons-url}webicon-behance-s.png"); } .svg .webicon.behance { - background: url("webicons/webicon-behance.svg"); } + background: url("@(webicons-url}webicon-behance.svg"); } .no-svg .webicon.bitbucket { - background: url("webicons/webicon-bitbucket-m.png"); } + background: url("@(webicons-url}webicon-bitbucket-m.png"); } .no-svg .webicon.bitbucket.large { - background: url("webicons/webicon-bitbucket.png"); } + background: url("@(webicons-url}webicon-bitbucket.png"); } .no-svg .webicon.bitbucket.small { - background: url("webicons/webicon-bitbucket-s.png"); } + background: url("@(webicons-url}webicon-bitbucket-s.png"); } .svg .webicon.bitbucket { - background: url("webicons/webicon-bitbucket.svg"); } + background: url("@(webicons-url}webicon-bitbucket.svg"); } .no-svg .webicon.blogger { - background: url("webicons/webicon-blogger-m.png"); } + background: url("@(webicons-url}webicon-blogger-m.png"); } .no-svg .webicon.blogger.large { - background: url("webicons/webicon-blogger.png"); } + background: url("@(webicons-url}webicon-blogger.png"); } .no-svg .webicon.blogger.small { - background: url("webicons/webicon-blogger-s.png"); } + background: url("@(webicons-url}webicon-blogger-s.png"); } .svg .webicon.blogger { - background: url("webicons/webicon-blogger.svg"); } + background: url("@(webicons-url}webicon-blogger.svg"); } .no-svg .webicon.branch { - background: url("webicons/webicon-branch-m.png"); } + background: url("@(webicons-url}webicon-branch-m.png"); } .no-svg .webicon.branch.large { - background: url("webicons/webicon-branch.png"); } + background: url("@(webicons-url}webicon-branch.png"); } .no-svg .webicon.branch.small { - background: url("webicons/webicon-branch-s.png"); } + background: url("@(webicons-url}webicon-branch-s.png"); } .svg .webicon.branch { - background: url("webicons/webicon-branch.svg"); } + background: url("@(webicons-url}webicon-branch.svg"); } .no-svg .webicon.coderwall { - background: url("webicons/webicon-coderwall-m.png"); } + background: url("@(webicons-url}webicon-coderwall-m.png"); } .no-svg .webicon.coderwall.large { - background: url("webicons/webicon-coderwall.png"); } + background: url("@(webicons-url}webicon-coderwall.png"); } .no-svg .webicon.coderwall.small { - background: url("webicons/webicon-coderwall-s.png"); } + background: url("@(webicons-url}webicon-coderwall-s.png"); } .svg .webicon.coderwall { - background: url("webicons/webicon-coderwall.svg"); } + background: url("@(webicons-url}webicon-coderwall.svg"); } .no-svg .webicon.creativecloud { - background: url("webicons/webicon-creativecloud-m.png"); } + background: url("@(webicons-url}webicon-creativecloud-m.png"); } .no-svg .webicon.creativecloud.large { - background: url("webicons/webicon-creativecloud.png"); } + background: url("@(webicons-url}webicon-creativecloud.png"); } .no-svg .webicon.creativecloud.small { - background: url("webicons/webicon-creativecloud-s.png"); } + background: url("@(webicons-url}webicon-creativecloud-s.png"); } .svg .webicon.creativecloud { - background: url("webicons/webicon-creativecloud.svg"); } + background: url("@(webicons-url}webicon-creativecloud.svg"); } .no-svg .webicon.dribbble { - background: url("webicons/webicon-dribbble-m.png"); } + background: url("@(webicons-url}webicon-dribbble-m.png"); } .no-svg .webicon.dribbble.large { - background: url("webicons/webicon-dribbble.png"); } + background: url("@(webicons-url}webicon-dribbble.png"); } .no-svg .webicon.dribbble.small { - background: url("webicons/webicon-dribbble-s.png"); } + background: url("@(webicons-url}webicon-dribbble-s.png"); } .svg .webicon.dribbble { - background: url("webicons/webicon-dribbble.svg"); } + background: url("@(webicons-url}webicon-dribbble.svg"); } .no-svg .webicon.dropbox { - background: url("webicons/webicon-dropbox-m.png"); } + background: url("@(webicons-url}webicon-dropbox-m.png"); } .no-svg .webicon.dropbox.large { - background: url("webicons/webicon-dropbox.png"); } + background: url("@(webicons-url}webicon-dropbox.png"); } .no-svg .webicon.dropbox.small { - background: url("webicons/webicon-dropbox-s.png"); } + background: url("@(webicons-url}webicon-dropbox-s.png"); } .svg .webicon.dropbox { - background: url("webicons/webicon-dropbox.svg"); } + background: url("@(webicons-url}webicon-dropbox.svg"); } .no-svg .webicon.evernote { - background: url("webicons/webicon-evernote-m.png"); } + background: url("@(webicons-url}webicon-evernote-m.png"); } .no-svg .webicon.evernote.large { - background: url("webicons/webicon-evernote.png"); } + background: url("@(webicons-url}webicon-evernote.png"); } .no-svg .webicon.evernote.small { - background: url("webicons/webicon-evernote-s.png"); } + background: url("@(webicons-url}webicon-evernote-s.png"); } .svg .webicon.evernote { - background: url("webicons/webicon-evernote.svg"); } + background: url("@(webicons-url}webicon-evernote.svg"); } .no-svg .webicon.fairheadcreative { - background: url("webicons/webicon-fairheadcreative-m.png"); } + background: url("@(webicons-url}webicon-fairheadcreative-m.png"); } .no-svg .webicon.fairheadcreative.large { - background: url("webicons/webicon-fairheadcreative.png"); } + background: url("@(webicons-url}webicon-fairheadcreative.png"); } .no-svg .webicon.fairheadcreative.small { - background: url("webicons/webicon-fairheadcreative-s.png"); } + background: url("@(webicons-url}webicon-fairheadcreative-s.png"); } .svg .webicon.fairheadcreative { - background: url("webicons/webicon-fairheadcreative.svg"); } + background: url("@(webicons-url}webicon-fairheadcreative.svg"); } .no-svg .webicon.facebook { - background: url("webicons/webicon-facebook-m.png"); } + background: url("@(webicons-url}webicon-facebook-m.png"); } .no-svg .webicon.facebook.large { - background: url("webicons/webicon-facebook.png"); } + background: url("@(webicons-url}webicon-facebook.png"); } .no-svg .webicon.facebook.small { - background: url("webicons/webicon-facebook-s.png"); } + background: url("@(webicons-url}webicon-facebook-s.png"); } .svg .webicon.facebook { - background: url("webicons/webicon-facebook.svg"); } + background: url("@(webicons-url}webicon-facebook.svg"); } .no-svg .webicon.flickr { - background: url("webicons/webicon-flickr-m.png"); } + background: url("@(webicons-url}webicon-flickr-m.png"); } .no-svg .webicon.flickr.large { - background: url("webicons/webicon-flickr.png"); } + background: url("@(webicons-url}webicon-flickr.png"); } .no-svg .webicon.flickr.small { - background: url("webicons/webicon-flickr-s.png"); } + background: url("@(webicons-url}webicon-flickr-s.png"); } .svg .webicon.flickr { - background: url("webicons/webicon-flickr.svg"); } + background: url("@(webicons-url}webicon-flickr.svg"); } .no-svg .webicon.foursquare { - background: url("webicons/webicon-foursquare-m.png"); } + background: url("@(webicons-url}webicon-foursquare-m.png"); } .no-svg .webicon.foursquare.large { - background: url("webicons/webicon-foursquare.png"); } + background: url("@(webicons-url}webicon-foursquare.png"); } .no-svg .webicon.foursquare.small { - background: url("webicons/webicon-foursquare-s.png"); } + background: url("@(webicons-url}webicon-foursquare-s.png"); } .svg .webicon.foursquare { - background: url("webicons/webicon-foursquare.svg"); } + background: url("@(webicons-url}webicon-foursquare.svg"); } .no-svg .webicon.git { - background: url("webicons/webicon-git-m.png"); } + background: url("@(webicons-url}webicon-git-m.png"); } .no-svg .webicon.git.large { - background: url("webicons/webicon-git.png"); } + background: url("@(webicons-url}webicon-git.png"); } .no-svg .webicon.git.small { - background: url("webicons/webicon-git-s.png"); } + background: url("@(webicons-url}webicon-git-s.png"); } .svg .webicon.git { - background: url("webicons/webicon-git.svg"); } + background: url("@(webicons-url}webicon-git.svg"); } .no-svg .webicon.github { - background: url("webicons/webicon-github-m.png"); } + background: url("@(webicons-url}webicon-github-m.png"); } .no-svg .webicon.github.large { - background: url("webicons/webicon-github.png"); } + background: url("@(webicons-url}webicon-github.png"); } .no-svg .webicon.github.small { - background: url("webicons/webicon-github-s.png"); } + background: url("@(webicons-url}webicon-github-s.png"); } .svg .webicon.github { - background: url("webicons/webicon-github.svg"); } + background: url("@(webicons-url}webicon-github.svg"); } .no-svg .webicon.goodreads { - background: url("webicons/webicon-goodreads-m.png"); } + background: url("@(webicons-url}webicon-goodreads-m.png"); } .no-svg .webicon.goodreads.large { - background: url("webicons/webicon-goodreads.png"); } + background: url("@(webicons-url}webicon-goodreads.png"); } .no-svg .webicon.goodreads.small { - background: url("webicons/webicon-goodreads-s.png"); } + background: url("@(webicons-url}webicon-goodreads-s.png"); } .svg .webicon.goodreads { - background: url("webicons/webicon-goodreads.svg"); } + background: url("@(webicons-url}webicon-goodreads.svg"); } .no-svg .webicon.google { - background: url("webicons/webicon-google-m.png"); } + background: url("@(webicons-url}webicon-google-m.png"); } .no-svg .webicon.google.large { - background: url("webicons/webicon-google.png"); } + background: url("@(webicons-url}webicon-google.png"); } .no-svg .webicon.google.small { - background: url("webicons/webicon-google-s.png"); } + background: url("@(webicons-url}webicon-google-s.png"); } .svg .webicon.google { - background: url("webicons/webicon-google.svg"); } + background: url("@(webicons-url}webicon-google.svg"); } .no-svg .webicon.googleplay { - background: url("webicons/webicon-googleplay-m.png"); } + background: url("@(webicons-url}webicon-googleplay-m.png"); } .no-svg .webicon.googleplay.large { - background: url("webicons/webicon-googleplay.png"); } + background: url("@(webicons-url}webicon-googleplay.png"); } .no-svg .webicon.googleplay.small { - background: url("webicons/webicon-googleplay-s.png"); } + background: url("@(webicons-url}webicon-googleplay-s.png"); } .svg .webicon.googleplay { - background: url("webicons/webicon-googleplay.svg"); } + background: url("@(webicons-url}webicon-googleplay.svg"); } .no-svg .webicon.googleplus { - background: url("webicons/webicon-googleplus-m.png"); } + background: url("@(webicons-url}webicon-googleplus-m.png"); } .no-svg .webicon.googleplus.large { - background: url("webicons/webicon-googleplus.png"); } + background: url("@(webicons-url}webicon-googleplus.png"); } .no-svg .webicon.googleplus.small { - background: url("webicons/webicon-googleplus-s.png"); } + background: url("@(webicons-url}webicon-googleplus-s.png"); } .svg .webicon.googleplus { - background: url("webicons/webicon-googleplus.svg"); } + background: url("@(webicons-url}webicon-googleplus.svg"); } .no-svg .webicon.hangouts { - background: url("webicons/webicon-hangouts-m.png"); } + background: url("@(webicons-url}webicon-hangouts-m.png"); } .no-svg .webicon.hangouts.large { - background: url("webicons/webicon-hangouts.png"); } + background: url("@(webicons-url}webicon-hangouts.png"); } .no-svg .webicon.hangouts.small { - background: url("webicons/webicon-hangouts-s.png"); } + background: url("@(webicons-url}webicon-hangouts-s.png"); } .svg .webicon.hangouts { - background: url("webicons/webicon-hangouts.svg"); } + background: url("@(webicons-url}webicon-hangouts.svg"); } .no-svg .webicon.html5 { - background: url("webicons/webicon-html5-m.png"); } + background: url("@(webicons-url}webicon-html5-m.png"); } .no-svg .webicon.html5.large { - background: url("webicons/webicon-html5.png"); } + background: url("@(webicons-url}webicon-html5.png"); } .no-svg .webicon.html5.small { - background: url("webicons/webicon-html5-s.png"); } + background: url("@(webicons-url}webicon-html5-s.png"); } .svg .webicon.html5 { - background: url("webicons/webicon-html5.svg"); } + background: url("@(webicons-url}webicon-html5.svg"); } .no-svg .webicon.icloud { - background: url("webicons/webicon-icloud-m.png"); } + background: url("@(webicons-url}webicon-icloud-m.png"); } .no-svg .webicon.icloud.large { - background: url("webicons/webicon-icloud.png"); } + background: url("@(webicons-url}webicon-icloud.png"); } .no-svg .webicon.icloud.small { - background: url("webicons/webicon-icloud-s.png"); } + background: url("@(webicons-url}webicon-icloud-s.png"); } .svg .webicon.icloud { - background: url("webicons/webicon-icloud.svg"); } + background: url("@(webicons-url}webicon-icloud.svg"); } .no-svg .webicon.indiegogo { - background: url("webicons/webicon-indiegogo-m.png"); } + background: url("@(webicons-url}webicon-indiegogo-m.png"); } .no-svg .webicon.indiegogo.large { - background: url("webicons/webicon-indiegogo.png"); } + background: url("@(webicons-url}webicon-indiegogo.png"); } .no-svg .webicon.indiegogo.small { - background: url("webicons/webicon-indiegogo-s.png"); } + background: url("@(webicons-url}webicon-indiegogo-s.png"); } .svg .webicon.indiegogo { - background: url("webicons/webicon-indiegogo.svg"); } + background: url("@(webicons-url}webicon-indiegogo.svg"); } .no-svg .webicon.instagram { - background: url("webicons/webicon-instagram-m.png"); } + background: url("@(webicons-url}webicon-instagram-m.png"); } .no-svg .webicon.instagram.large { - background: url("webicons/webicon-instagram.png"); } + background: url("@(webicons-url}webicon-instagram.png"); } .no-svg .webicon.instagram.small { - background: url("webicons/webicon-instagram-s.png"); } + background: url("@(webicons-url}webicon-instagram-s.png"); } .svg .webicon.instagram { - background: url("webicons/webicon-instagram.svg"); } + background: url("@(webicons-url}webicon-instagram.svg"); } .no-svg .webicon.instapaper { - background: url("webicons/webicon-instapaper-m.png"); } + background: url("@(webicons-url}webicon-instapaper-m.png"); } .no-svg .webicon.instapaper.large { - background: url("webicons/webicon-instapaper.png"); } + background: url("@(webicons-url}webicon-instapaper.png"); } .no-svg .webicon.instapaper.small { - background: url("webicons/webicon-instapaper-s.png"); } + background: url("@(webicons-url}webicon-instapaper-s.png"); } .svg .webicon.instapaper { - background: url("webicons/webicon-instapaper.svg"); } + background: url("@(webicons-url}webicon-instapaper.svg"); } .no-svg .webicon.kickstarter { - background: url("webicons/webicon-kickstarter-m.png"); } + background: url("@(webicons-url}webicon-kickstarter-m.png"); } .no-svg .webicon.kickstarter.large { - background: url("webicons/webicon-kickstarter.png"); } + background: url("@(webicons-url}webicon-kickstarter.png"); } .no-svg .webicon.kickstarter.small { - background: url("webicons/webicon-kickstarter-s.png"); } + background: url("@(webicons-url}webicon-kickstarter-s.png"); } .svg .webicon.kickstarter { - background: url("webicons/webicon-kickstarter.svg"); } + background: url("@(webicons-url}webicon-kickstarter.svg"); } .no-svg .webicon.klout { - background: url("webicons/webicon-klout-m.png"); } + background: url("@(webicons-url}webicon-klout-m.png"); } .no-svg .webicon.klout.large { - background: url("webicons/webicon-klout.png"); } + background: url("@(webicons-url}webicon-klout.png"); } .no-svg .webicon.klout.small { - background: url("webicons/webicon-klout-s.png"); } + background: url("@(webicons-url}webicon-klout-s.png"); } .svg .webicon.klout { - background: url("webicons/webicon-klout.svg"); } + background: url("@(webicons-url}webicon-klout.svg"); } .no-svg .webicon.lastfm { - background: url("webicons/webicon-lastfm-m.png"); } + background: url("@(webicons-url}webicon-lastfm-m.png"); } .no-svg .webicon.lastfm.large { - background: url("webicons/webicon-lastfm.png"); } + background: url("@(webicons-url}webicon-lastfm.png"); } .no-svg .webicon.lastfm.small { - background: url("webicons/webicon-lastfm-s.png"); } + background: url("@(webicons-url}webicon-lastfm-s.png"); } .svg .webicon.lastfm { - background: url("webicons/webicon-lastfm.svg"); } + background: url("@(webicons-url}webicon-lastfm.svg"); } .no-svg .webicon.linkedin { - background: url("webicons/webicon-linkedin-m.png"); } + background: url("@(webicons-url}webicon-linkedin-m.png"); } .no-svg .webicon.linkedin.large { - background: url("webicons/webicon-linkedin.png"); } + background: url("@(webicons-url}webicon-linkedin.png"); } .no-svg .webicon.linkedin.small { - background: url("webicons/webicon-linkedin-s.png"); } + background: url("@(webicons-url}webicon-linkedin-s.png"); } .svg .webicon.linkedin { - background: url("webicons/webicon-linkedin.svg"); } + background: url("@(webicons-url}webicon-linkedin.svg"); } .no-svg .webicon.mail { - background: url("webicons/webicon-mail-m.png"); } + background: url("@(webicons-url}webicon-mail-m.png"); } .no-svg .webicon.mail.large { - background: url("webicons/webicon-mail.png"); } + background: url("@(webicons-url}webicon-mail.png"); } .no-svg .webicon.mail.small { - background: url("webicons/webicon-mail-s.png"); } + background: url("@(webicons-url}webicon-mail-s.png"); } .svg .webicon.mail { - background: url("webicons/webicon-mail.svg"); } + background: url("@(webicons-url}webicon-mail.svg"); } .no-svg .webicon.medium { - background: url("webicons/webicon-medium-m.png"); } + background: url("@(webicons-url}webicon-medium-m.png"); } .no-svg .webicon.medium.large { - background: url("webicons/webicon-medium.png"); } + background: url("@(webicons-url}webicon-medium.png"); } .no-svg .webicon.medium.small { - background: url("webicons/webicon-medium-s.png"); } + background: url("@(webicons-url}webicon-medium-s.png"); } .svg .webicon.medium { - background: url("webicons/webicon-medium.svg"); } + background: url("@(webicons-url}webicon-medium.svg"); } .no-svg .webicon.mixi { - background: url("webicons/webicon-mixi-m.png"); } + background: url("@(webicons-url}webicon-mixi-m.png"); } .no-svg .webicon.mixi.large { - background: url("webicons/webicon-mixi.png"); } + background: url("@(webicons-url}webicon-mixi.png"); } .no-svg .webicon.mixi.small { - background: url("webicons/webicon-mixi-s.png"); } + background: url("@(webicons-url}webicon-mixi-s.png"); } .svg .webicon.mixi { - background: url("webicons/webicon-mixi.svg"); } + background: url("@(webicons-url}webicon-mixi.svg"); } .no-svg .webicon.msn { - background: url("webicons/webicon-msn-m.png"); } + background: url("@(webicons-url}webicon-msn-m.png"); } .no-svg .webicon.msn.large { - background: url("webicons/webicon-msn.png"); } + background: url("@(webicons-url}webicon-msn.png"); } .no-svg .webicon.msn.small { - background: url("webicons/webicon-msn-s.png"); } + background: url("@(webicons-url}webicon-msn-s.png"); } .svg .webicon.msn { - background: url("webicons/webicon-msn.svg"); } + background: url("@(webicons-url}webicon-msn.svg"); } .no-svg .webicon.openid { - background: url("webicons/webicon-openid-m.png"); } + background: url("@(webicons-url}webicon-openid-m.png"); } .no-svg .webicon.openid.large { - background: url("webicons/webicon-openid.png"); } + background: url("@(webicons-url}webicon-openid.png"); } .no-svg .webicon.openid.small { - background: url("webicons/webicon-openid-s.png"); } + background: url("@(webicons-url}webicon-openid-s.png"); } .svg .webicon.openid { - background: url("webicons/webicon-openid.svg"); } + background: url("@(webicons-url}webicon-openid.svg"); } .no-svg .webicon.picasa { - background: url("webicons/webicon-picasa-m.png"); } + background: url("@(webicons-url}webicon-picasa-m.png"); } .no-svg .webicon.picasa.large { - background: url("webicons/webicon-picasa.png"); } + background: url("@(webicons-url}webicon-picasa.png"); } .no-svg .webicon.picasa.small { - background: url("webicons/webicon-picasa-s.png"); } + background: url("@(webicons-url}webicon-picasa-s.png"); } .svg .webicon.picasa { - background: url("webicons/webicon-picasa.svg"); } + background: url("@(webicons-url}webicon-picasa.svg"); } .no-svg .webicon.pinterest { - background: url("webicons/webicon-pinterest-m.png"); } + background: url("@(webicons-url}webicon-pinterest-m.png"); } .no-svg .webicon.pinterest.large { - background: url("webicons/webicon-pinterest.png"); } + background: url("@(webicons-url}webicon-pinterest.png"); } .no-svg .webicon.pinterest.small { - background: url("webicons/webicon-pinterest-s.png"); } + background: url("@(webicons-url}webicon-pinterest-s.png"); } .svg .webicon.pinterest { - background: url("webicons/webicon-pinterest.svg"); } + background: url("@(webicons-url}webicon-pinterest.svg"); } .no-svg .webicon.pocketapp { - background: url("webicons/webicon-pocketapp-m.png"); } + background: url("@(webicons-url}webicon-pocketapp-m.png"); } .no-svg .webicon.pocketapp.large { - background: url("webicons/webicon-pocketapp.png"); } + background: url("@(webicons-url}webicon-pocketapp.png"); } .no-svg .webicon.pocketapp.small { - background: url("webicons/webicon-pocketapp-s.png"); } + background: url("@(webicons-url}webicon-pocketapp-s.png"); } .svg .webicon.pocketapp { - background: url("webicons/webicon-pocketapp.svg"); } + background: url("@(webicons-url}webicon-pocketapp.svg"); } .no-svg .webicon.potluck { - background: url("webicons/webicon-potluck-m.png"); } + background: url("@(webicons-url}webicon-potluck-m.png"); } .no-svg .webicon.potluck.large { - background: url("webicons/webicon-potluck.png"); } + background: url("@(webicons-url}webicon-potluck.png"); } .no-svg .webicon.potluck.small { - background: url("webicons/webicon-potluck-s.png"); } + background: url("@(webicons-url}webicon-potluck-s.png"); } .svg .webicon.potluck { - background: url("webicons/webicon-potluck.svg"); } + background: url("@(webicons-url}webicon-potluck.svg"); } .no-svg .webicon.quora { - background: url("webicons/webicon-quora-m.png"); } + background: url("@(webicons-url}webicon-quora-m.png"); } .no-svg .webicon.quora.large { - background: url("webicons/webicon-quora.png"); } + background: url("@(webicons-url}webicon-quora.png"); } .no-svg .webicon.quora.small { - background: url("webicons/webicon-quora-s.png"); } + background: url("@(webicons-url}webicon-quora-s.png"); } .svg .webicon.quora { - background: url("webicons/webicon-quora.svg"); } + background: url("@(webicons-url}webicon-quora.svg"); } .no-svg .webicon.orkut { - background: url("webicons/webicon-orkut-m.png"); } + background: url("@(webicons-url}webicon-orkut-m.png"); } .no-svg .webicon.orkut.large { - background: url("webicons/webicon-orkut.png"); } + background: url("@(webicons-url}webicon-orkut.png"); } .no-svg .webicon.orkut.small { - background: url("webicons/webicon-orkut-s.png"); } + background: url("@(webicons-url}webicon-orkut-s.png"); } .svg .webicon.orkut { - background: url("webicons/webicon-orkut.svg"); } + background: url("@(webicons-url}webicon-orkut.svg"); } .no-svg .webicon.mercurial { - background: url("webicons/webicon-mercurial-m.png"); } + background: url("@(webicons-url}webicon-mercurial-m.png"); } .no-svg .webicon.mercurial.large { - background: url("webicons/webicon-mercurial.png"); } + background: url("@(webicons-url}webicon-mercurial.png"); } .no-svg .webicon.mercurial.small { - background: url("webicons/webicon-mercurial-s.png"); } + background: url("@(webicons-url}webicon-mercurial-s.png"); } .svg .webicon.mercurial { - background: url("webicons/webicon-mercurial.svg"); } + background: url("@(webicons-url}webicon-mercurial.svg"); } .no-svg .webicon.rdio { - background: url("webicons/webicon-rdio-m.png"); } + background: url("@(webicons-url}webicon-rdio-m.png"); } .no-svg .webicon.rdio.large { - background: url("webicons/webicon-rdio.png"); } + background: url("@(webicons-url}webicon-rdio.png"); } .no-svg .webicon.rdio.small { - background: url("webicons/webicon-rdio-s.png"); } + background: url("@(webicons-url}webicon-rdio-s.png"); } .svg .webicon.rdio { - background: url("webicons/webicon-rdio.svg"); } + background: url("@(webicons-url}webicon-rdio.svg"); } .no-svg .webicon.reddit { - background: url("webicons/webicon-reddit-m.png"); } + background: url("@(webicons-url}webicon-reddit-m.png"); } .no-svg .webicon.reddit.large { - background: url("webicons/webicon-reddit.png"); } + background: url("@(webicons-url}webicon-reddit.png"); } .no-svg .webicon.reddit.small { - background: url("webicons/webicon-reddit-s.png"); } + background: url("@(webicons-url}webicon-reddit-s.png"); } .svg .webicon.reddit { - background: url("webicons/webicon-reddit.svg"); } + background: url("@(webicons-url}webicon-reddit.svg"); } .no-svg .webicon.renren { - background: url("webicons/webicon-renren-m.png"); } + background: url("@(webicons-url}webicon-renren-m.png"); } .no-svg .webicon.renren.large { - background: url("webicons/webicon-renren.png"); } + background: url("@(webicons-url}webicon-renren.png"); } .no-svg .webicon.renren.small { - background: url("webicons/webicon-renren-s.png"); } + background: url("@(webicons-url}webicon-renren-s.png"); } .svg .webicon.renren { - background: url("webicons/webicon-renren.svg"); } + background: url("@(webicons-url}webicon-renren.svg"); } .no-svg .webicon.rss { - background: url("webicons/webicon-rss-m.png"); } + background: url("@(webicons-url}webicon-rss-m.png"); } .no-svg .webicon.rss.large { - background: url("webicons/webicon-rss.png"); } + background: url("@(webicons-url}webicon-rss.png"); } .no-svg .webicon.rss.small { - background: url("webicons/webicon-rss-s.png"); } + background: url("@(webicons-url}webicon-rss-s.png"); } .svg .webicon.rss { - background: url("webicons/webicon-rss.svg"); } + background: url("@(webicons-url}webicon-rss.svg"); } .no-svg .webicon.skitch { - background: url("webicons/webicon-skitch-m.png"); } + background: url("@(webicons-url}webicon-skitch-m.png"); } .no-svg .webicon.skitch.large { - background: url("webicons/webicon-skitch.png"); } + background: url("@(webicons-url}webicon-skitch.png"); } .no-svg .webicon.skitch.small { - background: url("webicons/webicon-skitch-s.png"); } + background: url("@(webicons-url}webicon-skitch-s.png"); } .svg .webicon.skitch { - background: url("webicons/webicon-skitch.svg"); } + background: url("@(webicons-url}webicon-skitch.svg"); } .no-svg .webicon.skype { - background: url("webicons/webicon-skype-m.png"); } + background: url("@(webicons-url}webicon-skype-m.png"); } .no-svg .webicon.skype.large { - background: url("webicons/webicon-skype.png"); } + background: url("@(webicons-url}webicon-skype.png"); } .no-svg .webicon.skype.small { - background: url("webicons/webicon-skype-s.png"); } + background: url("@(webicons-url}webicon-skype-s.png"); } .svg .webicon.skype { - background: url("webicons/webicon-skype.svg"); } + background: url("@(webicons-url}webicon-skype.svg"); } .no-svg .webicon.soundcloud { - background: url("webicons/webicon-soundcloud-m.png"); } + background: url("@(webicons-url}webicon-soundcloud-m.png"); } .no-svg .webicon.soundcloud.large { - background: url("webicons/webicon-soundcloud.png"); } + background: url("@(webicons-url}webicon-soundcloud.png"); } .no-svg .webicon.soundcloud.small { - background: url("webicons/webicon-soundcloud-s.png"); } + background: url("@(webicons-url}webicon-soundcloud-s.png"); } .svg .webicon.soundcloud { - background: url("webicons/webicon-soundcloud.svg"); } + background: url("@(webicons-url}webicon-soundcloud.svg"); } .no-svg .webicon.spotify { - background: url("webicons/webicon-spotify-m.png"); } + background: url("@(webicons-url}webicon-spotify-m.png"); } .no-svg .webicon.spotify.large { - background: url("webicons/webicon-spotify.png"); } + background: url("@(webicons-url}webicon-spotify.png"); } .no-svg .webicon.spotify.small { - background: url("webicons/webicon-spotify-s.png"); } + background: url("@(webicons-url}webicon-spotify-s.png"); } .svg .webicon.spotify { - background: url("webicons/webicon-spotify.svg"); } + background: url("@(webicons-url}webicon-spotify.svg"); } .no-svg .webicon.stackoverflow { - background: url("webicons/webicon-stackoverflow-m.png"); } + background: url("@(webicons-url}webicon-stackoverflow-m.png"); } .no-svg .webicon.stackoverflow.large { - background: url("webicons/webicon-stackoverflow.png"); } + background: url("@(webicons-url}webicon-stackoverflow.png"); } .no-svg .webicon.stackoverflow.small { - background: url("webicons/webicon-stackoverflow-s.png"); } + background: url("@(webicons-url}webicon-stackoverflow-s.png"); } .svg .webicon.stackoverflow { - background: url("webicons/webicon-stackoverflow.svg"); } + background: url("@(webicons-url}webicon-stackoverflow.svg"); } .no-svg .webicon.stumbleupon { - background: url("webicons/webicon-stumbleupon-m.png"); } + background: url("@(webicons-url}webicon-stumbleupon-m.png"); } .no-svg .webicon.stumbleupon.large { - background: url("webicons/webicon-stumbleupon.png"); } + background: url("@(webicons-url}webicon-stumbleupon.png"); } .no-svg .webicon.stumbleupon.small { - background: url("webicons/webicon-stumbleupon-s.png"); } + background: url("@(webicons-url}webicon-stumbleupon-s.png"); } .svg .webicon.stumbleupon { - background: url("webicons/webicon-stumbleupon.svg"); } + background: url("@(webicons-url}webicon-stumbleupon.svg"); } .no-svg .webicon.svn { - background: url("webicons/webicon-svn-m.png"); } + background: url("@(webicons-url}webicon-svn-m.png"); } .no-svg .webicon.svn.large { - background: url("webicons/webicon-svn.png"); } + background: url("@(webicons-url}webicon-svn.png"); } .no-svg .webicon.svn.small { - background: url("webicons/webicon-svn-s.png"); } + background: url("@(webicons-url}webicon-svn-s.png"); } .svg .webicon.svn { - background: url("webicons/webicon-svn.svg"); } + background: url("@(webicons-url}webicon-svn.svg"); } .no-svg .webicon.tent { - background: url("webicons/webicon-tent-m.png"); } + background: url("@(webicons-url}webicon-tent-m.png"); } .no-svg .webicon.tent.large { - background: url("webicons/webicon-tent.png"); } + background: url("@(webicons-url}webicon-tent.png"); } .no-svg .webicon.tent.small { - background: url("webicons/webicon-tent-s.png"); } + background: url("@(webicons-url}webicon-tent-s.png"); } .svg .webicon.tent { - background: url("webicons/webicon-tent.svg"); } + background: url("@(webicons-url}webicon-tent.svg"); } .no-svg .webicon.tripadvisor { - background: url("webicons/webicon-tripadvisor-m.png"); } + background: url("@(webicons-url}webicon-tripadvisor-m.png"); } .no-svg .webicon.tripadvisor.large { - background: url("webicons/webicon-tripadvisor.png"); } + background: url("@(webicons-url}webicon-tripadvisor.png"); } .no-svg .webicon.tripadvisor.small { - background: url("webicons/webicon-tripadvisor-s.png"); } + background: url("@(webicons-url}webicon-tripadvisor-s.png"); } .svg .webicon.tripadvisor { - background: url("webicons/webicon-tripadvisor.svg"); } + background: url("@(webicons-url}webicon-tripadvisor.svg"); } .no-svg .webicon.tumblr { - background: url("webicons/webicon-tumblr-m.png"); } + background: url("@(webicons-url}webicon-tumblr-m.png"); } .no-svg .webicon.tumblr.large { - background: url("webicons/webicon-tumblr.png"); } + background: url("@(webicons-url}webicon-tumblr.png"); } .no-svg .webicon.tumblr.small { - background: url("webicons/webicon-tumblr-s.png"); } + background: url("@(webicons-url}webicon-tumblr-s.png"); } .svg .webicon.tumblr { - background: url("webicons/webicon-tumblr.svg"); } + background: url("@(webicons-url}webicon-tumblr.svg"); } .no-svg .webicon.twitter { - background: url("webicons/webicon-twitter-m.png"); } + background: url("@(webicons-url}webicon-twitter-m.png"); } .no-svg .webicon.twitter.large { - background: url("webicons/webicon-twitter.png"); } + background: url("@(webicons-url}webicon-twitter.png"); } .no-svg .webicon.twitter.small { - background: url("webicons/webicon-twitter-s.png"); } + background: url("@(webicons-url}webicon-twitter-s.png"); } .svg .webicon.twitter { - background: url("webicons/webicon-twitter.svg"); } + background: url("@(webicons-url}webicon-twitter.svg"); } .no-svg .webicon.viadeo { - background: url("webicons/webicon-viadeo-m.png"); } + background: url("@(webicons-url}webicon-viadeo-m.png"); } .no-svg .webicon.viadeo.large { - background: url("webicons/webicon-viadeo.png"); } + background: url("@(webicons-url}webicon-viadeo.png"); } .no-svg .webicon.viadeo.small { - background: url("webicons/webicon-viadeo-s.png"); } + background: url("@(webicons-url}webicon-viadeo-s.png"); } .svg .webicon.viadeo { - background: url("webicons/webicon-viadeo.svg"); } + background: url("@(webicons-url}webicon-viadeo.svg"); } .no-svg .webicon.vimeo { - background: url("webicons/webicon-vimeo-m.png"); } + background: url("@(webicons-url}webicon-vimeo-m.png"); } .no-svg .webicon.vimeo.large { - background: url("webicons/webicon-vimeo.png"); } + background: url("@(webicons-url}webicon-vimeo.png"); } .no-svg .webicon.vimeo.small { - background: url("webicons/webicon-vimeo-s.png"); } + background: url("@(webicons-url}webicon-vimeo-s.png"); } .svg .webicon.vimeo { - background: url("webicons/webicon-vimeo.svg"); } + background: url("@(webicons-url}webicon-vimeo.svg"); } .no-svg .webicon.weibo { - background: url("webicons/webicon-weibo-m.png"); } + background: url("@(webicons-url}webicon-weibo-m.png"); } .no-svg .webicon.weibo.large { - background: url("webicons/webicon-weibo.png"); } + background: url("@(webicons-url}webicon-weibo.png"); } .no-svg .webicon.weibo.small { - background: url("webicons/webicon-weibo-s.png"); } + background: url("@(webicons-url}webicon-weibo-s.png"); } .svg .webicon.weibo { - background: url("webicons/webicon-weibo.svg"); } + background: url("@(webicons-url}webicon-weibo.svg"); } .no-svg .webicon.windows { - background: url("webicons/webicon-windows-m.png"); } + background: url("@(webicons-url}webicon-windows-m.png"); } .no-svg .webicon.windows.large { - background: url("webicons/webicon-windows.png"); } + background: url("@(webicons-url}webicon-windows.png"); } .no-svg .webicon.windows.small { - background: url("webicons/webicon-windows-s.png"); } + background: url("@(webicons-url}webicon-windows-s.png"); } .svg .webicon.windows { - background: url("webicons/webicon-windows.svg"); } + background: url("@(webicons-url}webicon-windows.svg"); } .no-svg .webicon.wordpress { - background: url("webicons/webicon-wordpress-m.png"); } + background: url("@(webicons-url}webicon-wordpress-m.png"); } .no-svg .webicon.wordpress.large { - background: url("webicons/webicon-wordpress.png"); } + background: url("@(webicons-url}webicon-wordpress.png"); } .no-svg .webicon.wordpress.small { - background: url("webicons/webicon-wordpress-s.png"); } + background: url("@(webicons-url}webicon-wordpress-s.png"); } .svg .webicon.wordpress { - background: url("webicons/webicon-wordpress.svg"); } + background: url("@(webicons-url}webicon-wordpress.svg"); } .no-svg .webicon.xing { - background: url("webicons/webicon-xing-m.png"); } + background: url("@(webicons-url}webicon-xing-m.png"); } .no-svg .webicon.xing.large { - background: url("webicons/webicon-xing.png"); } + background: url("@(webicons-url}webicon-xing.png"); } .no-svg .webicon.xing.small { - background: url("webicons/webicon-xing-s.png"); } + background: url("@(webicons-url}webicon-xing-s.png"); } .svg .webicon.xing { - background: url("webicons/webicon-xing.svg"); } + background: url("@(webicons-url}webicon-xing.svg"); } .no-svg .webicon.yahoo { - background: url("webicons/webicon-yahoo-m.png"); } + background: url("@(webicons-url}webicon-yahoo-m.png"); } .no-svg .webicon.yahoo.large { - background: url("webicons/webicon-yahoo.png"); } + background: url("@(webicons-url}webicon-yahoo.png"); } .no-svg .webicon.yahoo.small { - background: url("webicons/webicon-yahoo-s.png"); } + background: url("@(webicons-url}webicon-yahoo-s.png"); } .svg .webicon.yahoo { - background: url("webicons/webicon-yahoo.svg"); } + background: url("@(webicons-url}webicon-yahoo.svg"); } .no-svg .webicon.yelp { - background: url("webicons/webicon-yelp-m.png"); } + background: url("@(webicons-url}webicon-yelp-m.png"); } .no-svg .webicon.yelp.large { - background: url("webicons/webicon-yelp.png"); } + background: url("@(webicons-url}webicon-yelp.png"); } .no-svg .webicon.yelp.small { - background: url("webicons/webicon-yelp-s.png"); } + background: url("@(webicons-url}webicon-yelp-s.png"); } .svg .webicon.yelp { - background: url("webicons/webicon-yelp.svg"); } + background: url("@(webicons-url}webicon-yelp.svg"); } .no-svg .webicon.youtube { - background: url("webicons/webicon-youtube-m.png"); } + background: url("@(webicons-url}webicon-youtube-m.png"); } .no-svg .webicon.youtube.large { - background: url("webicons/webicon-youtube.png"); } + background: url("@(webicons-url}webicon-youtube.png"); } .no-svg .webicon.youtube.small { - background: url("webicons/webicon-youtube-s.png"); } + background: url("@(webicons-url}webicon-youtube-s.png"); } .svg .webicon.youtube { - background: url("webicons/webicon-youtube.svg"); } + background: url("@(webicons-url}webicon-youtube.svg"); } .no-svg .webicon.youversion { - background: url("webicons/webicon-youversion-m.png"); } + background: url("@(webicons-url}webicon-youversion-m.png"); } .no-svg .webicon.youversion.large { - background: url("webicons/webicon-youversion.png"); } + background: url("@(webicons-url}webicon-youversion.png"); } .no-svg .webicon.youversion.small { - background: url("webicons/webicon-youversion-s.png"); } + background: url("@(webicons-url}webicon-youversion-s.png"); } .svg .webicon.youversion { - background: url("webicons/webicon-youversion.svg"); } + background: url("@(webicons-url}webicon-youversion.svg"); } .no-svg .webicon.zerply { - background: url("webicons/webicon-zerply-m.png"); } + background: url("@(webicons-url}webicon-zerply-m.png"); } .no-svg .webicon.zerply.large { - background: url("webicons/webicon-zerply.png"); } + background: url("@(webicons-url}webicon-zerply.png"); } .no-svg .webicon.zerply.small { - background: url("webicons/webicon-zerply-s.png"); } + background: url("@(webicons-url}webicon-zerply-s.png"); } .svg .webicon.zerply { - background: url("webicons/webicon-zerply.svg"); } + background: url("@(webicons-url}webicon-zerply.svg"); } From 0bb4792b3f860c232f85c9518e8ef857dd07f0ba Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 16:27:52 +0200 Subject: [PATCH 09/16] Get minified code from SCSS version --- webicons.less | 40 +++++----------------------------------- 1 file changed, 5 insertions(+), 35 deletions(-) diff --git a/webicons.less b/webicons.less index 6e86694..1b575c3 100644 --- a/webicons.less +++ b/webicons.less @@ -1,43 +1,13 @@ /* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */ +.webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } +.webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } +.webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } +.webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + // Specify the path to the webicons directory here. Include trailing slash. @webicons-url: "webicons/"; -.webicon { - display: inline-block; - background-size: 100%; - width: 30px; - height: 30px; - text-indent: -999em; - text-align: left; - -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - margin-bottom: 5px; } - -.webicon:hover { - margin: -1px 0 1px; - -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); - -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } - -.webicon.small { - width: 20px; - height: 20px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; } - -.webicon.large { - width: 48px; - height: 48px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; } - .no-svg .webicon.f500px { background: url("@(webicons-url}webicon-f500px-m.png"); } From 3c9b3d04bc3c7e93656a71e320cf0a09eb4c40bb Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 16:28:35 +0200 Subject: [PATCH 10/16] Creation @webicons-icons less variable --- webicons.less | 3 +++ 1 file changed, 3 insertions(+) diff --git a/webicons.less b/webicons.less index 1b575c3..5fc8efd 100644 --- a/webicons.less +++ b/webicons.less @@ -5,6 +5,9 @@ .webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +// Include or remove the icons you want to use on your site from this list. +@webicons-icons: f500px aboutme adn android apple behance bitbucket blogger branch coderwall creativecloud dribbble dropbox evernote fairheadcreative facebook flickr foursquare git github goodreads google googleplay googleplus hangouts html5 icloud indiegogo instagram instapaper kickstarter klout lastfm linkedin mail medium mixi msn openid picasa pinterest pocketapp potluck quora orkut mercurial rdio reddit renren rss skitch skype soundcloud spotify stackoverflow stumbleupon svn tent tripadvisor tumblr twitter viadeo vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply; + // Specify the path to the webicons directory here. Include trailing slash. @webicons-url: "webicons/"; From b693fe814a7fa9045669a778ebdf0b6e3ca6ba72 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 16:30:26 +0200 Subject: [PATCH 11/16] A bracket is better ;-) --- webicons.less | 576 +++++++++++++++++++++++++------------------------- 1 file changed, 288 insertions(+), 288 deletions(-) diff --git a/webicons.less b/webicons.less index 5fc8efd..9c85051 100644 --- a/webicons.less +++ b/webicons.less @@ -12,865 +12,865 @@ @webicons-url: "webicons/"; .no-svg .webicon.f500px { - background: url("@(webicons-url}webicon-f500px-m.png"); } + background: url("@{webicons-url}webicon-f500px-m.png"); } .no-svg .webicon.f500px.large { - background: url("@(webicons-url}webicon-f500px.png"); } + background: url("@{webicons-url}webicon-f500px.png"); } .no-svg .webicon.f500px.small { - background: url("@(webicons-url}webicon-f500px-s.png"); } + background: url("@{webicons-url}webicon-f500px-s.png"); } .svg .webicon.f500px { - background: url("@(webicons-url}webicon-f500px.svg"); } + background: url("@{webicons-url}webicon-f500px.svg"); } .no-svg .webicon.aboutme { - background: url("@(webicons-url}webicon-aboutme-m.png"); } + background: url("@{webicons-url}webicon-aboutme-m.png"); } .no-svg .webicon.aboutme.large { - background: url("@(webicons-url}webicon-aboutme.png"); } + background: url("@{webicons-url}webicon-aboutme.png"); } .no-svg .webicon.aboutme.small { - background: url("@(webicons-url}webicon-aboutme-s.png"); } + background: url("@{webicons-url}webicon-aboutme-s.png"); } .svg .webicon.aboutme { - background: url("@(webicons-url}webicon-aboutme.svg"); } + background: url("@{webicons-url}webicon-aboutme.svg"); } .no-svg .webicon.adn { - background: url("@(webicons-url}webicon-adn-m.png"); } + background: url("@{webicons-url}webicon-adn-m.png"); } .no-svg .webicon.adn.large { - background: url("@(webicons-url}webicon-adn.png"); } + background: url("@{webicons-url}webicon-adn.png"); } .no-svg .webicon.adn.small { - background: url("@(webicons-url}webicon-adn-s.png"); } + background: url("@{webicons-url}webicon-adn-s.png"); } .svg .webicon.adn { - background: url("@(webicons-url}webicon-adn.svg"); } + background: url("@{webicons-url}webicon-adn.svg"); } .no-svg .webicon.android { - background: url("@(webicons-url}webicon-android-m.png"); } + background: url("@{webicons-url}webicon-android-m.png"); } .no-svg .webicon.android.large { - background: url("@(webicons-url}webicon-android.png"); } + background: url("@{webicons-url}webicon-android.png"); } .no-svg .webicon.android.small { - background: url("@(webicons-url}webicon-android-s.png"); } + background: url("@{webicons-url}webicon-android-s.png"); } .svg .webicon.android { - background: url("@(webicons-url}webicon-android.svg"); } + background: url("@{webicons-url}webicon-android.svg"); } .no-svg .webicon.apple { - background: url("@(webicons-url}webicon-apple-m.png"); } + background: url("@{webicons-url}webicon-apple-m.png"); } .no-svg .webicon.apple.large { - background: url("@(webicons-url}webicon-apple.png"); } + background: url("@{webicons-url}webicon-apple.png"); } .no-svg .webicon.apple.small { - background: url("@(webicons-url}webicon-apple-s.png"); } + background: url("@{webicons-url}webicon-apple-s.png"); } .svg .webicon.apple { - background: url("@(webicons-url}webicon-apple.svg"); } + background: url("@{webicons-url}webicon-apple.svg"); } .no-svg .webicon.behance { - background: url("@(webicons-url}webicon-behance-m.png"); } + background: url("@{webicons-url}webicon-behance-m.png"); } .no-svg .webicon.behance.large { - background: url("@(webicons-url}webicon-behance.png"); } + background: url("@{webicons-url}webicon-behance.png"); } .no-svg .webicon.behance.small { - background: url("@(webicons-url}webicon-behance-s.png"); } + background: url("@{webicons-url}webicon-behance-s.png"); } .svg .webicon.behance { - background: url("@(webicons-url}webicon-behance.svg"); } + background: url("@{webicons-url}webicon-behance.svg"); } .no-svg .webicon.bitbucket { - background: url("@(webicons-url}webicon-bitbucket-m.png"); } + background: url("@{webicons-url}webicon-bitbucket-m.png"); } .no-svg .webicon.bitbucket.large { - background: url("@(webicons-url}webicon-bitbucket.png"); } + background: url("@{webicons-url}webicon-bitbucket.png"); } .no-svg .webicon.bitbucket.small { - background: url("@(webicons-url}webicon-bitbucket-s.png"); } + background: url("@{webicons-url}webicon-bitbucket-s.png"); } .svg .webicon.bitbucket { - background: url("@(webicons-url}webicon-bitbucket.svg"); } + background: url("@{webicons-url}webicon-bitbucket.svg"); } .no-svg .webicon.blogger { - background: url("@(webicons-url}webicon-blogger-m.png"); } + background: url("@{webicons-url}webicon-blogger-m.png"); } .no-svg .webicon.blogger.large { - background: url("@(webicons-url}webicon-blogger.png"); } + background: url("@{webicons-url}webicon-blogger.png"); } .no-svg .webicon.blogger.small { - background: url("@(webicons-url}webicon-blogger-s.png"); } + background: url("@{webicons-url}webicon-blogger-s.png"); } .svg .webicon.blogger { - background: url("@(webicons-url}webicon-blogger.svg"); } + background: url("@{webicons-url}webicon-blogger.svg"); } .no-svg .webicon.branch { - background: url("@(webicons-url}webicon-branch-m.png"); } + background: url("@{webicons-url}webicon-branch-m.png"); } .no-svg .webicon.branch.large { - background: url("@(webicons-url}webicon-branch.png"); } + background: url("@{webicons-url}webicon-branch.png"); } .no-svg .webicon.branch.small { - background: url("@(webicons-url}webicon-branch-s.png"); } + background: url("@{webicons-url}webicon-branch-s.png"); } .svg .webicon.branch { - background: url("@(webicons-url}webicon-branch.svg"); } + background: url("@{webicons-url}webicon-branch.svg"); } .no-svg .webicon.coderwall { - background: url("@(webicons-url}webicon-coderwall-m.png"); } + background: url("@{webicons-url}webicon-coderwall-m.png"); } .no-svg .webicon.coderwall.large { - background: url("@(webicons-url}webicon-coderwall.png"); } + background: url("@{webicons-url}webicon-coderwall.png"); } .no-svg .webicon.coderwall.small { - background: url("@(webicons-url}webicon-coderwall-s.png"); } + background: url("@{webicons-url}webicon-coderwall-s.png"); } .svg .webicon.coderwall { - background: url("@(webicons-url}webicon-coderwall.svg"); } + background: url("@{webicons-url}webicon-coderwall.svg"); } .no-svg .webicon.creativecloud { - background: url("@(webicons-url}webicon-creativecloud-m.png"); } + background: url("@{webicons-url}webicon-creativecloud-m.png"); } .no-svg .webicon.creativecloud.large { - background: url("@(webicons-url}webicon-creativecloud.png"); } + background: url("@{webicons-url}webicon-creativecloud.png"); } .no-svg .webicon.creativecloud.small { - background: url("@(webicons-url}webicon-creativecloud-s.png"); } + background: url("@{webicons-url}webicon-creativecloud-s.png"); } .svg .webicon.creativecloud { - background: url("@(webicons-url}webicon-creativecloud.svg"); } + background: url("@{webicons-url}webicon-creativecloud.svg"); } .no-svg .webicon.dribbble { - background: url("@(webicons-url}webicon-dribbble-m.png"); } + background: url("@{webicons-url}webicon-dribbble-m.png"); } .no-svg .webicon.dribbble.large { - background: url("@(webicons-url}webicon-dribbble.png"); } + background: url("@{webicons-url}webicon-dribbble.png"); } .no-svg .webicon.dribbble.small { - background: url("@(webicons-url}webicon-dribbble-s.png"); } + background: url("@{webicons-url}webicon-dribbble-s.png"); } .svg .webicon.dribbble { - background: url("@(webicons-url}webicon-dribbble.svg"); } + background: url("@{webicons-url}webicon-dribbble.svg"); } .no-svg .webicon.dropbox { - background: url("@(webicons-url}webicon-dropbox-m.png"); } + background: url("@{webicons-url}webicon-dropbox-m.png"); } .no-svg .webicon.dropbox.large { - background: url("@(webicons-url}webicon-dropbox.png"); } + background: url("@{webicons-url}webicon-dropbox.png"); } .no-svg .webicon.dropbox.small { - background: url("@(webicons-url}webicon-dropbox-s.png"); } + background: url("@{webicons-url}webicon-dropbox-s.png"); } .svg .webicon.dropbox { - background: url("@(webicons-url}webicon-dropbox.svg"); } + background: url("@{webicons-url}webicon-dropbox.svg"); } .no-svg .webicon.evernote { - background: url("@(webicons-url}webicon-evernote-m.png"); } + background: url("@{webicons-url}webicon-evernote-m.png"); } .no-svg .webicon.evernote.large { - background: url("@(webicons-url}webicon-evernote.png"); } + background: url("@{webicons-url}webicon-evernote.png"); } .no-svg .webicon.evernote.small { - background: url("@(webicons-url}webicon-evernote-s.png"); } + background: url("@{webicons-url}webicon-evernote-s.png"); } .svg .webicon.evernote { - background: url("@(webicons-url}webicon-evernote.svg"); } + background: url("@{webicons-url}webicon-evernote.svg"); } .no-svg .webicon.fairheadcreative { - background: url("@(webicons-url}webicon-fairheadcreative-m.png"); } + background: url("@{webicons-url}webicon-fairheadcreative-m.png"); } .no-svg .webicon.fairheadcreative.large { - background: url("@(webicons-url}webicon-fairheadcreative.png"); } + background: url("@{webicons-url}webicon-fairheadcreative.png"); } .no-svg .webicon.fairheadcreative.small { - background: url("@(webicons-url}webicon-fairheadcreative-s.png"); } + background: url("@{webicons-url}webicon-fairheadcreative-s.png"); } .svg .webicon.fairheadcreative { - background: url("@(webicons-url}webicon-fairheadcreative.svg"); } + background: url("@{webicons-url}webicon-fairheadcreative.svg"); } .no-svg .webicon.facebook { - background: url("@(webicons-url}webicon-facebook-m.png"); } + background: url("@{webicons-url}webicon-facebook-m.png"); } .no-svg .webicon.facebook.large { - background: url("@(webicons-url}webicon-facebook.png"); } + background: url("@{webicons-url}webicon-facebook.png"); } .no-svg .webicon.facebook.small { - background: url("@(webicons-url}webicon-facebook-s.png"); } + background: url("@{webicons-url}webicon-facebook-s.png"); } .svg .webicon.facebook { - background: url("@(webicons-url}webicon-facebook.svg"); } + background: url("@{webicons-url}webicon-facebook.svg"); } .no-svg .webicon.flickr { - background: url("@(webicons-url}webicon-flickr-m.png"); } + background: url("@{webicons-url}webicon-flickr-m.png"); } .no-svg .webicon.flickr.large { - background: url("@(webicons-url}webicon-flickr.png"); } + background: url("@{webicons-url}webicon-flickr.png"); } .no-svg .webicon.flickr.small { - background: url("@(webicons-url}webicon-flickr-s.png"); } + background: url("@{webicons-url}webicon-flickr-s.png"); } .svg .webicon.flickr { - background: url("@(webicons-url}webicon-flickr.svg"); } + background: url("@{webicons-url}webicon-flickr.svg"); } .no-svg .webicon.foursquare { - background: url("@(webicons-url}webicon-foursquare-m.png"); } + background: url("@{webicons-url}webicon-foursquare-m.png"); } .no-svg .webicon.foursquare.large { - background: url("@(webicons-url}webicon-foursquare.png"); } + background: url("@{webicons-url}webicon-foursquare.png"); } .no-svg .webicon.foursquare.small { - background: url("@(webicons-url}webicon-foursquare-s.png"); } + background: url("@{webicons-url}webicon-foursquare-s.png"); } .svg .webicon.foursquare { - background: url("@(webicons-url}webicon-foursquare.svg"); } + background: url("@{webicons-url}webicon-foursquare.svg"); } .no-svg .webicon.git { - background: url("@(webicons-url}webicon-git-m.png"); } + background: url("@{webicons-url}webicon-git-m.png"); } .no-svg .webicon.git.large { - background: url("@(webicons-url}webicon-git.png"); } + background: url("@{webicons-url}webicon-git.png"); } .no-svg .webicon.git.small { - background: url("@(webicons-url}webicon-git-s.png"); } + background: url("@{webicons-url}webicon-git-s.png"); } .svg .webicon.git { - background: url("@(webicons-url}webicon-git.svg"); } + background: url("@{webicons-url}webicon-git.svg"); } .no-svg .webicon.github { - background: url("@(webicons-url}webicon-github-m.png"); } + background: url("@{webicons-url}webicon-github-m.png"); } .no-svg .webicon.github.large { - background: url("@(webicons-url}webicon-github.png"); } + background: url("@{webicons-url}webicon-github.png"); } .no-svg .webicon.github.small { - background: url("@(webicons-url}webicon-github-s.png"); } + background: url("@{webicons-url}webicon-github-s.png"); } .svg .webicon.github { - background: url("@(webicons-url}webicon-github.svg"); } + background: url("@{webicons-url}webicon-github.svg"); } .no-svg .webicon.goodreads { - background: url("@(webicons-url}webicon-goodreads-m.png"); } + background: url("@{webicons-url}webicon-goodreads-m.png"); } .no-svg .webicon.goodreads.large { - background: url("@(webicons-url}webicon-goodreads.png"); } + background: url("@{webicons-url}webicon-goodreads.png"); } .no-svg .webicon.goodreads.small { - background: url("@(webicons-url}webicon-goodreads-s.png"); } + background: url("@{webicons-url}webicon-goodreads-s.png"); } .svg .webicon.goodreads { - background: url("@(webicons-url}webicon-goodreads.svg"); } + background: url("@{webicons-url}webicon-goodreads.svg"); } .no-svg .webicon.google { - background: url("@(webicons-url}webicon-google-m.png"); } + background: url("@{webicons-url}webicon-google-m.png"); } .no-svg .webicon.google.large { - background: url("@(webicons-url}webicon-google.png"); } + background: url("@{webicons-url}webicon-google.png"); } .no-svg .webicon.google.small { - background: url("@(webicons-url}webicon-google-s.png"); } + background: url("@{webicons-url}webicon-google-s.png"); } .svg .webicon.google { - background: url("@(webicons-url}webicon-google.svg"); } + background: url("@{webicons-url}webicon-google.svg"); } .no-svg .webicon.googleplay { - background: url("@(webicons-url}webicon-googleplay-m.png"); } + background: url("@{webicons-url}webicon-googleplay-m.png"); } .no-svg .webicon.googleplay.large { - background: url("@(webicons-url}webicon-googleplay.png"); } + background: url("@{webicons-url}webicon-googleplay.png"); } .no-svg .webicon.googleplay.small { - background: url("@(webicons-url}webicon-googleplay-s.png"); } + background: url("@{webicons-url}webicon-googleplay-s.png"); } .svg .webicon.googleplay { - background: url("@(webicons-url}webicon-googleplay.svg"); } + background: url("@{webicons-url}webicon-googleplay.svg"); } .no-svg .webicon.googleplus { - background: url("@(webicons-url}webicon-googleplus-m.png"); } + background: url("@{webicons-url}webicon-googleplus-m.png"); } .no-svg .webicon.googleplus.large { - background: url("@(webicons-url}webicon-googleplus.png"); } + background: url("@{webicons-url}webicon-googleplus.png"); } .no-svg .webicon.googleplus.small { - background: url("@(webicons-url}webicon-googleplus-s.png"); } + background: url("@{webicons-url}webicon-googleplus-s.png"); } .svg .webicon.googleplus { - background: url("@(webicons-url}webicon-googleplus.svg"); } + background: url("@{webicons-url}webicon-googleplus.svg"); } .no-svg .webicon.hangouts { - background: url("@(webicons-url}webicon-hangouts-m.png"); } + background: url("@{webicons-url}webicon-hangouts-m.png"); } .no-svg .webicon.hangouts.large { - background: url("@(webicons-url}webicon-hangouts.png"); } + background: url("@{webicons-url}webicon-hangouts.png"); } .no-svg .webicon.hangouts.small { - background: url("@(webicons-url}webicon-hangouts-s.png"); } + background: url("@{webicons-url}webicon-hangouts-s.png"); } .svg .webicon.hangouts { - background: url("@(webicons-url}webicon-hangouts.svg"); } + background: url("@{webicons-url}webicon-hangouts.svg"); } .no-svg .webicon.html5 { - background: url("@(webicons-url}webicon-html5-m.png"); } + background: url("@{webicons-url}webicon-html5-m.png"); } .no-svg .webicon.html5.large { - background: url("@(webicons-url}webicon-html5.png"); } + background: url("@{webicons-url}webicon-html5.png"); } .no-svg .webicon.html5.small { - background: url("@(webicons-url}webicon-html5-s.png"); } + background: url("@{webicons-url}webicon-html5-s.png"); } .svg .webicon.html5 { - background: url("@(webicons-url}webicon-html5.svg"); } + background: url("@{webicons-url}webicon-html5.svg"); } .no-svg .webicon.icloud { - background: url("@(webicons-url}webicon-icloud-m.png"); } + background: url("@{webicons-url}webicon-icloud-m.png"); } .no-svg .webicon.icloud.large { - background: url("@(webicons-url}webicon-icloud.png"); } + background: url("@{webicons-url}webicon-icloud.png"); } .no-svg .webicon.icloud.small { - background: url("@(webicons-url}webicon-icloud-s.png"); } + background: url("@{webicons-url}webicon-icloud-s.png"); } .svg .webicon.icloud { - background: url("@(webicons-url}webicon-icloud.svg"); } + background: url("@{webicons-url}webicon-icloud.svg"); } .no-svg .webicon.indiegogo { - background: url("@(webicons-url}webicon-indiegogo-m.png"); } + background: url("@{webicons-url}webicon-indiegogo-m.png"); } .no-svg .webicon.indiegogo.large { - background: url("@(webicons-url}webicon-indiegogo.png"); } + background: url("@{webicons-url}webicon-indiegogo.png"); } .no-svg .webicon.indiegogo.small { - background: url("@(webicons-url}webicon-indiegogo-s.png"); } + background: url("@{webicons-url}webicon-indiegogo-s.png"); } .svg .webicon.indiegogo { - background: url("@(webicons-url}webicon-indiegogo.svg"); } + background: url("@{webicons-url}webicon-indiegogo.svg"); } .no-svg .webicon.instagram { - background: url("@(webicons-url}webicon-instagram-m.png"); } + background: url("@{webicons-url}webicon-instagram-m.png"); } .no-svg .webicon.instagram.large { - background: url("@(webicons-url}webicon-instagram.png"); } + background: url("@{webicons-url}webicon-instagram.png"); } .no-svg .webicon.instagram.small { - background: url("@(webicons-url}webicon-instagram-s.png"); } + background: url("@{webicons-url}webicon-instagram-s.png"); } .svg .webicon.instagram { - background: url("@(webicons-url}webicon-instagram.svg"); } + background: url("@{webicons-url}webicon-instagram.svg"); } .no-svg .webicon.instapaper { - background: url("@(webicons-url}webicon-instapaper-m.png"); } + background: url("@{webicons-url}webicon-instapaper-m.png"); } .no-svg .webicon.instapaper.large { - background: url("@(webicons-url}webicon-instapaper.png"); } + background: url("@{webicons-url}webicon-instapaper.png"); } .no-svg .webicon.instapaper.small { - background: url("@(webicons-url}webicon-instapaper-s.png"); } + background: url("@{webicons-url}webicon-instapaper-s.png"); } .svg .webicon.instapaper { - background: url("@(webicons-url}webicon-instapaper.svg"); } + background: url("@{webicons-url}webicon-instapaper.svg"); } .no-svg .webicon.kickstarter { - background: url("@(webicons-url}webicon-kickstarter-m.png"); } + background: url("@{webicons-url}webicon-kickstarter-m.png"); } .no-svg .webicon.kickstarter.large { - background: url("@(webicons-url}webicon-kickstarter.png"); } + background: url("@{webicons-url}webicon-kickstarter.png"); } .no-svg .webicon.kickstarter.small { - background: url("@(webicons-url}webicon-kickstarter-s.png"); } + background: url("@{webicons-url}webicon-kickstarter-s.png"); } .svg .webicon.kickstarter { - background: url("@(webicons-url}webicon-kickstarter.svg"); } + background: url("@{webicons-url}webicon-kickstarter.svg"); } .no-svg .webicon.klout { - background: url("@(webicons-url}webicon-klout-m.png"); } + background: url("@{webicons-url}webicon-klout-m.png"); } .no-svg .webicon.klout.large { - background: url("@(webicons-url}webicon-klout.png"); } + background: url("@{webicons-url}webicon-klout.png"); } .no-svg .webicon.klout.small { - background: url("@(webicons-url}webicon-klout-s.png"); } + background: url("@{webicons-url}webicon-klout-s.png"); } .svg .webicon.klout { - background: url("@(webicons-url}webicon-klout.svg"); } + background: url("@{webicons-url}webicon-klout.svg"); } .no-svg .webicon.lastfm { - background: url("@(webicons-url}webicon-lastfm-m.png"); } + background: url("@{webicons-url}webicon-lastfm-m.png"); } .no-svg .webicon.lastfm.large { - background: url("@(webicons-url}webicon-lastfm.png"); } + background: url("@{webicons-url}webicon-lastfm.png"); } .no-svg .webicon.lastfm.small { - background: url("@(webicons-url}webicon-lastfm-s.png"); } + background: url("@{webicons-url}webicon-lastfm-s.png"); } .svg .webicon.lastfm { - background: url("@(webicons-url}webicon-lastfm.svg"); } + background: url("@{webicons-url}webicon-lastfm.svg"); } .no-svg .webicon.linkedin { - background: url("@(webicons-url}webicon-linkedin-m.png"); } + background: url("@{webicons-url}webicon-linkedin-m.png"); } .no-svg .webicon.linkedin.large { - background: url("@(webicons-url}webicon-linkedin.png"); } + background: url("@{webicons-url}webicon-linkedin.png"); } .no-svg .webicon.linkedin.small { - background: url("@(webicons-url}webicon-linkedin-s.png"); } + background: url("@{webicons-url}webicon-linkedin-s.png"); } .svg .webicon.linkedin { - background: url("@(webicons-url}webicon-linkedin.svg"); } + background: url("@{webicons-url}webicon-linkedin.svg"); } .no-svg .webicon.mail { - background: url("@(webicons-url}webicon-mail-m.png"); } + background: url("@{webicons-url}webicon-mail-m.png"); } .no-svg .webicon.mail.large { - background: url("@(webicons-url}webicon-mail.png"); } + background: url("@{webicons-url}webicon-mail.png"); } .no-svg .webicon.mail.small { - background: url("@(webicons-url}webicon-mail-s.png"); } + background: url("@{webicons-url}webicon-mail-s.png"); } .svg .webicon.mail { - background: url("@(webicons-url}webicon-mail.svg"); } + background: url("@{webicons-url}webicon-mail.svg"); } .no-svg .webicon.medium { - background: url("@(webicons-url}webicon-medium-m.png"); } + background: url("@{webicons-url}webicon-medium-m.png"); } .no-svg .webicon.medium.large { - background: url("@(webicons-url}webicon-medium.png"); } + background: url("@{webicons-url}webicon-medium.png"); } .no-svg .webicon.medium.small { - background: url("@(webicons-url}webicon-medium-s.png"); } + background: url("@{webicons-url}webicon-medium-s.png"); } .svg .webicon.medium { - background: url("@(webicons-url}webicon-medium.svg"); } + background: url("@{webicons-url}webicon-medium.svg"); } .no-svg .webicon.mixi { - background: url("@(webicons-url}webicon-mixi-m.png"); } + background: url("@{webicons-url}webicon-mixi-m.png"); } .no-svg .webicon.mixi.large { - background: url("@(webicons-url}webicon-mixi.png"); } + background: url("@{webicons-url}webicon-mixi.png"); } .no-svg .webicon.mixi.small { - background: url("@(webicons-url}webicon-mixi-s.png"); } + background: url("@{webicons-url}webicon-mixi-s.png"); } .svg .webicon.mixi { - background: url("@(webicons-url}webicon-mixi.svg"); } + background: url("@{webicons-url}webicon-mixi.svg"); } .no-svg .webicon.msn { - background: url("@(webicons-url}webicon-msn-m.png"); } + background: url("@{webicons-url}webicon-msn-m.png"); } .no-svg .webicon.msn.large { - background: url("@(webicons-url}webicon-msn.png"); } + background: url("@{webicons-url}webicon-msn.png"); } .no-svg .webicon.msn.small { - background: url("@(webicons-url}webicon-msn-s.png"); } + background: url("@{webicons-url}webicon-msn-s.png"); } .svg .webicon.msn { - background: url("@(webicons-url}webicon-msn.svg"); } + background: url("@{webicons-url}webicon-msn.svg"); } .no-svg .webicon.openid { - background: url("@(webicons-url}webicon-openid-m.png"); } + background: url("@{webicons-url}webicon-openid-m.png"); } .no-svg .webicon.openid.large { - background: url("@(webicons-url}webicon-openid.png"); } + background: url("@{webicons-url}webicon-openid.png"); } .no-svg .webicon.openid.small { - background: url("@(webicons-url}webicon-openid-s.png"); } + background: url("@{webicons-url}webicon-openid-s.png"); } .svg .webicon.openid { - background: url("@(webicons-url}webicon-openid.svg"); } + background: url("@{webicons-url}webicon-openid.svg"); } .no-svg .webicon.picasa { - background: url("@(webicons-url}webicon-picasa-m.png"); } + background: url("@{webicons-url}webicon-picasa-m.png"); } .no-svg .webicon.picasa.large { - background: url("@(webicons-url}webicon-picasa.png"); } + background: url("@{webicons-url}webicon-picasa.png"); } .no-svg .webicon.picasa.small { - background: url("@(webicons-url}webicon-picasa-s.png"); } + background: url("@{webicons-url}webicon-picasa-s.png"); } .svg .webicon.picasa { - background: url("@(webicons-url}webicon-picasa.svg"); } + background: url("@{webicons-url}webicon-picasa.svg"); } .no-svg .webicon.pinterest { - background: url("@(webicons-url}webicon-pinterest-m.png"); } + background: url("@{webicons-url}webicon-pinterest-m.png"); } .no-svg .webicon.pinterest.large { - background: url("@(webicons-url}webicon-pinterest.png"); } + background: url("@{webicons-url}webicon-pinterest.png"); } .no-svg .webicon.pinterest.small { - background: url("@(webicons-url}webicon-pinterest-s.png"); } + background: url("@{webicons-url}webicon-pinterest-s.png"); } .svg .webicon.pinterest { - background: url("@(webicons-url}webicon-pinterest.svg"); } + background: url("@{webicons-url}webicon-pinterest.svg"); } .no-svg .webicon.pocketapp { - background: url("@(webicons-url}webicon-pocketapp-m.png"); } + background: url("@{webicons-url}webicon-pocketapp-m.png"); } .no-svg .webicon.pocketapp.large { - background: url("@(webicons-url}webicon-pocketapp.png"); } + background: url("@{webicons-url}webicon-pocketapp.png"); } .no-svg .webicon.pocketapp.small { - background: url("@(webicons-url}webicon-pocketapp-s.png"); } + background: url("@{webicons-url}webicon-pocketapp-s.png"); } .svg .webicon.pocketapp { - background: url("@(webicons-url}webicon-pocketapp.svg"); } + background: url("@{webicons-url}webicon-pocketapp.svg"); } .no-svg .webicon.potluck { - background: url("@(webicons-url}webicon-potluck-m.png"); } + background: url("@{webicons-url}webicon-potluck-m.png"); } .no-svg .webicon.potluck.large { - background: url("@(webicons-url}webicon-potluck.png"); } + background: url("@{webicons-url}webicon-potluck.png"); } .no-svg .webicon.potluck.small { - background: url("@(webicons-url}webicon-potluck-s.png"); } + background: url("@{webicons-url}webicon-potluck-s.png"); } .svg .webicon.potluck { - background: url("@(webicons-url}webicon-potluck.svg"); } + background: url("@{webicons-url}webicon-potluck.svg"); } .no-svg .webicon.quora { - background: url("@(webicons-url}webicon-quora-m.png"); } + background: url("@{webicons-url}webicon-quora-m.png"); } .no-svg .webicon.quora.large { - background: url("@(webicons-url}webicon-quora.png"); } + background: url("@{webicons-url}webicon-quora.png"); } .no-svg .webicon.quora.small { - background: url("@(webicons-url}webicon-quora-s.png"); } + background: url("@{webicons-url}webicon-quora-s.png"); } .svg .webicon.quora { - background: url("@(webicons-url}webicon-quora.svg"); } + background: url("@{webicons-url}webicon-quora.svg"); } .no-svg .webicon.orkut { - background: url("@(webicons-url}webicon-orkut-m.png"); } + background: url("@{webicons-url}webicon-orkut-m.png"); } .no-svg .webicon.orkut.large { - background: url("@(webicons-url}webicon-orkut.png"); } + background: url("@{webicons-url}webicon-orkut.png"); } .no-svg .webicon.orkut.small { - background: url("@(webicons-url}webicon-orkut-s.png"); } + background: url("@{webicons-url}webicon-orkut-s.png"); } .svg .webicon.orkut { - background: url("@(webicons-url}webicon-orkut.svg"); } + background: url("@{webicons-url}webicon-orkut.svg"); } .no-svg .webicon.mercurial { - background: url("@(webicons-url}webicon-mercurial-m.png"); } + background: url("@{webicons-url}webicon-mercurial-m.png"); } .no-svg .webicon.mercurial.large { - background: url("@(webicons-url}webicon-mercurial.png"); } + background: url("@{webicons-url}webicon-mercurial.png"); } .no-svg .webicon.mercurial.small { - background: url("@(webicons-url}webicon-mercurial-s.png"); } + background: url("@{webicons-url}webicon-mercurial-s.png"); } .svg .webicon.mercurial { - background: url("@(webicons-url}webicon-mercurial.svg"); } + background: url("@{webicons-url}webicon-mercurial.svg"); } .no-svg .webicon.rdio { - background: url("@(webicons-url}webicon-rdio-m.png"); } + background: url("@{webicons-url}webicon-rdio-m.png"); } .no-svg .webicon.rdio.large { - background: url("@(webicons-url}webicon-rdio.png"); } + background: url("@{webicons-url}webicon-rdio.png"); } .no-svg .webicon.rdio.small { - background: url("@(webicons-url}webicon-rdio-s.png"); } + background: url("@{webicons-url}webicon-rdio-s.png"); } .svg .webicon.rdio { - background: url("@(webicons-url}webicon-rdio.svg"); } + background: url("@{webicons-url}webicon-rdio.svg"); } .no-svg .webicon.reddit { - background: url("@(webicons-url}webicon-reddit-m.png"); } + background: url("@{webicons-url}webicon-reddit-m.png"); } .no-svg .webicon.reddit.large { - background: url("@(webicons-url}webicon-reddit.png"); } + background: url("@{webicons-url}webicon-reddit.png"); } .no-svg .webicon.reddit.small { - background: url("@(webicons-url}webicon-reddit-s.png"); } + background: url("@{webicons-url}webicon-reddit-s.png"); } .svg .webicon.reddit { - background: url("@(webicons-url}webicon-reddit.svg"); } + background: url("@{webicons-url}webicon-reddit.svg"); } .no-svg .webicon.renren { - background: url("@(webicons-url}webicon-renren-m.png"); } + background: url("@{webicons-url}webicon-renren-m.png"); } .no-svg .webicon.renren.large { - background: url("@(webicons-url}webicon-renren.png"); } + background: url("@{webicons-url}webicon-renren.png"); } .no-svg .webicon.renren.small { - background: url("@(webicons-url}webicon-renren-s.png"); } + background: url("@{webicons-url}webicon-renren-s.png"); } .svg .webicon.renren { - background: url("@(webicons-url}webicon-renren.svg"); } + background: url("@{webicons-url}webicon-renren.svg"); } .no-svg .webicon.rss { - background: url("@(webicons-url}webicon-rss-m.png"); } + background: url("@{webicons-url}webicon-rss-m.png"); } .no-svg .webicon.rss.large { - background: url("@(webicons-url}webicon-rss.png"); } + background: url("@{webicons-url}webicon-rss.png"); } .no-svg .webicon.rss.small { - background: url("@(webicons-url}webicon-rss-s.png"); } + background: url("@{webicons-url}webicon-rss-s.png"); } .svg .webicon.rss { - background: url("@(webicons-url}webicon-rss.svg"); } + background: url("@{webicons-url}webicon-rss.svg"); } .no-svg .webicon.skitch { - background: url("@(webicons-url}webicon-skitch-m.png"); } + background: url("@{webicons-url}webicon-skitch-m.png"); } .no-svg .webicon.skitch.large { - background: url("@(webicons-url}webicon-skitch.png"); } + background: url("@{webicons-url}webicon-skitch.png"); } .no-svg .webicon.skitch.small { - background: url("@(webicons-url}webicon-skitch-s.png"); } + background: url("@{webicons-url}webicon-skitch-s.png"); } .svg .webicon.skitch { - background: url("@(webicons-url}webicon-skitch.svg"); } + background: url("@{webicons-url}webicon-skitch.svg"); } .no-svg .webicon.skype { - background: url("@(webicons-url}webicon-skype-m.png"); } + background: url("@{webicons-url}webicon-skype-m.png"); } .no-svg .webicon.skype.large { - background: url("@(webicons-url}webicon-skype.png"); } + background: url("@{webicons-url}webicon-skype.png"); } .no-svg .webicon.skype.small { - background: url("@(webicons-url}webicon-skype-s.png"); } + background: url("@{webicons-url}webicon-skype-s.png"); } .svg .webicon.skype { - background: url("@(webicons-url}webicon-skype.svg"); } + background: url("@{webicons-url}webicon-skype.svg"); } .no-svg .webicon.soundcloud { - background: url("@(webicons-url}webicon-soundcloud-m.png"); } + background: url("@{webicons-url}webicon-soundcloud-m.png"); } .no-svg .webicon.soundcloud.large { - background: url("@(webicons-url}webicon-soundcloud.png"); } + background: url("@{webicons-url}webicon-soundcloud.png"); } .no-svg .webicon.soundcloud.small { - background: url("@(webicons-url}webicon-soundcloud-s.png"); } + background: url("@{webicons-url}webicon-soundcloud-s.png"); } .svg .webicon.soundcloud { - background: url("@(webicons-url}webicon-soundcloud.svg"); } + background: url("@{webicons-url}webicon-soundcloud.svg"); } .no-svg .webicon.spotify { - background: url("@(webicons-url}webicon-spotify-m.png"); } + background: url("@{webicons-url}webicon-spotify-m.png"); } .no-svg .webicon.spotify.large { - background: url("@(webicons-url}webicon-spotify.png"); } + background: url("@{webicons-url}webicon-spotify.png"); } .no-svg .webicon.spotify.small { - background: url("@(webicons-url}webicon-spotify-s.png"); } + background: url("@{webicons-url}webicon-spotify-s.png"); } .svg .webicon.spotify { - background: url("@(webicons-url}webicon-spotify.svg"); } + background: url("@{webicons-url}webicon-spotify.svg"); } .no-svg .webicon.stackoverflow { - background: url("@(webicons-url}webicon-stackoverflow-m.png"); } + background: url("@{webicons-url}webicon-stackoverflow-m.png"); } .no-svg .webicon.stackoverflow.large { - background: url("@(webicons-url}webicon-stackoverflow.png"); } + background: url("@{webicons-url}webicon-stackoverflow.png"); } .no-svg .webicon.stackoverflow.small { - background: url("@(webicons-url}webicon-stackoverflow-s.png"); } + background: url("@{webicons-url}webicon-stackoverflow-s.png"); } .svg .webicon.stackoverflow { - background: url("@(webicons-url}webicon-stackoverflow.svg"); } + background: url("@{webicons-url}webicon-stackoverflow.svg"); } .no-svg .webicon.stumbleupon { - background: url("@(webicons-url}webicon-stumbleupon-m.png"); } + background: url("@{webicons-url}webicon-stumbleupon-m.png"); } .no-svg .webicon.stumbleupon.large { - background: url("@(webicons-url}webicon-stumbleupon.png"); } + background: url("@{webicons-url}webicon-stumbleupon.png"); } .no-svg .webicon.stumbleupon.small { - background: url("@(webicons-url}webicon-stumbleupon-s.png"); } + background: url("@{webicons-url}webicon-stumbleupon-s.png"); } .svg .webicon.stumbleupon { - background: url("@(webicons-url}webicon-stumbleupon.svg"); } + background: url("@{webicons-url}webicon-stumbleupon.svg"); } .no-svg .webicon.svn { - background: url("@(webicons-url}webicon-svn-m.png"); } + background: url("@{webicons-url}webicon-svn-m.png"); } .no-svg .webicon.svn.large { - background: url("@(webicons-url}webicon-svn.png"); } + background: url("@{webicons-url}webicon-svn.png"); } .no-svg .webicon.svn.small { - background: url("@(webicons-url}webicon-svn-s.png"); } + background: url("@{webicons-url}webicon-svn-s.png"); } .svg .webicon.svn { - background: url("@(webicons-url}webicon-svn.svg"); } + background: url("@{webicons-url}webicon-svn.svg"); } .no-svg .webicon.tent { - background: url("@(webicons-url}webicon-tent-m.png"); } + background: url("@{webicons-url}webicon-tent-m.png"); } .no-svg .webicon.tent.large { - background: url("@(webicons-url}webicon-tent.png"); } + background: url("@{webicons-url}webicon-tent.png"); } .no-svg .webicon.tent.small { - background: url("@(webicons-url}webicon-tent-s.png"); } + background: url("@{webicons-url}webicon-tent-s.png"); } .svg .webicon.tent { - background: url("@(webicons-url}webicon-tent.svg"); } + background: url("@{webicons-url}webicon-tent.svg"); } .no-svg .webicon.tripadvisor { - background: url("@(webicons-url}webicon-tripadvisor-m.png"); } + background: url("@{webicons-url}webicon-tripadvisor-m.png"); } .no-svg .webicon.tripadvisor.large { - background: url("@(webicons-url}webicon-tripadvisor.png"); } + background: url("@{webicons-url}webicon-tripadvisor.png"); } .no-svg .webicon.tripadvisor.small { - background: url("@(webicons-url}webicon-tripadvisor-s.png"); } + background: url("@{webicons-url}webicon-tripadvisor-s.png"); } .svg .webicon.tripadvisor { - background: url("@(webicons-url}webicon-tripadvisor.svg"); } + background: url("@{webicons-url}webicon-tripadvisor.svg"); } .no-svg .webicon.tumblr { - background: url("@(webicons-url}webicon-tumblr-m.png"); } + background: url("@{webicons-url}webicon-tumblr-m.png"); } .no-svg .webicon.tumblr.large { - background: url("@(webicons-url}webicon-tumblr.png"); } + background: url("@{webicons-url}webicon-tumblr.png"); } .no-svg .webicon.tumblr.small { - background: url("@(webicons-url}webicon-tumblr-s.png"); } + background: url("@{webicons-url}webicon-tumblr-s.png"); } .svg .webicon.tumblr { - background: url("@(webicons-url}webicon-tumblr.svg"); } + background: url("@{webicons-url}webicon-tumblr.svg"); } .no-svg .webicon.twitter { - background: url("@(webicons-url}webicon-twitter-m.png"); } + background: url("@{webicons-url}webicon-twitter-m.png"); } .no-svg .webicon.twitter.large { - background: url("@(webicons-url}webicon-twitter.png"); } + background: url("@{webicons-url}webicon-twitter.png"); } .no-svg .webicon.twitter.small { - background: url("@(webicons-url}webicon-twitter-s.png"); } + background: url("@{webicons-url}webicon-twitter-s.png"); } .svg .webicon.twitter { - background: url("@(webicons-url}webicon-twitter.svg"); } + background: url("@{webicons-url}webicon-twitter.svg"); } .no-svg .webicon.viadeo { - background: url("@(webicons-url}webicon-viadeo-m.png"); } + background: url("@{webicons-url}webicon-viadeo-m.png"); } .no-svg .webicon.viadeo.large { - background: url("@(webicons-url}webicon-viadeo.png"); } + background: url("@{webicons-url}webicon-viadeo.png"); } .no-svg .webicon.viadeo.small { - background: url("@(webicons-url}webicon-viadeo-s.png"); } + background: url("@{webicons-url}webicon-viadeo-s.png"); } .svg .webicon.viadeo { - background: url("@(webicons-url}webicon-viadeo.svg"); } + background: url("@{webicons-url}webicon-viadeo.svg"); } .no-svg .webicon.vimeo { - background: url("@(webicons-url}webicon-vimeo-m.png"); } + background: url("@{webicons-url}webicon-vimeo-m.png"); } .no-svg .webicon.vimeo.large { - background: url("@(webicons-url}webicon-vimeo.png"); } + background: url("@{webicons-url}webicon-vimeo.png"); } .no-svg .webicon.vimeo.small { - background: url("@(webicons-url}webicon-vimeo-s.png"); } + background: url("@{webicons-url}webicon-vimeo-s.png"); } .svg .webicon.vimeo { - background: url("@(webicons-url}webicon-vimeo.svg"); } + background: url("@{webicons-url}webicon-vimeo.svg"); } .no-svg .webicon.weibo { - background: url("@(webicons-url}webicon-weibo-m.png"); } + background: url("@{webicons-url}webicon-weibo-m.png"); } .no-svg .webicon.weibo.large { - background: url("@(webicons-url}webicon-weibo.png"); } + background: url("@{webicons-url}webicon-weibo.png"); } .no-svg .webicon.weibo.small { - background: url("@(webicons-url}webicon-weibo-s.png"); } + background: url("@{webicons-url}webicon-weibo-s.png"); } .svg .webicon.weibo { - background: url("@(webicons-url}webicon-weibo.svg"); } + background: url("@{webicons-url}webicon-weibo.svg"); } .no-svg .webicon.windows { - background: url("@(webicons-url}webicon-windows-m.png"); } + background: url("@{webicons-url}webicon-windows-m.png"); } .no-svg .webicon.windows.large { - background: url("@(webicons-url}webicon-windows.png"); } + background: url("@{webicons-url}webicon-windows.png"); } .no-svg .webicon.windows.small { - background: url("@(webicons-url}webicon-windows-s.png"); } + background: url("@{webicons-url}webicon-windows-s.png"); } .svg .webicon.windows { - background: url("@(webicons-url}webicon-windows.svg"); } + background: url("@{webicons-url}webicon-windows.svg"); } .no-svg .webicon.wordpress { - background: url("@(webicons-url}webicon-wordpress-m.png"); } + background: url("@{webicons-url}webicon-wordpress-m.png"); } .no-svg .webicon.wordpress.large { - background: url("@(webicons-url}webicon-wordpress.png"); } + background: url("@{webicons-url}webicon-wordpress.png"); } .no-svg .webicon.wordpress.small { - background: url("@(webicons-url}webicon-wordpress-s.png"); } + background: url("@{webicons-url}webicon-wordpress-s.png"); } .svg .webicon.wordpress { - background: url("@(webicons-url}webicon-wordpress.svg"); } + background: url("@{webicons-url}webicon-wordpress.svg"); } .no-svg .webicon.xing { - background: url("@(webicons-url}webicon-xing-m.png"); } + background: url("@{webicons-url}webicon-xing-m.png"); } .no-svg .webicon.xing.large { - background: url("@(webicons-url}webicon-xing.png"); } + background: url("@{webicons-url}webicon-xing.png"); } .no-svg .webicon.xing.small { - background: url("@(webicons-url}webicon-xing-s.png"); } + background: url("@{webicons-url}webicon-xing-s.png"); } .svg .webicon.xing { - background: url("@(webicons-url}webicon-xing.svg"); } + background: url("@{webicons-url}webicon-xing.svg"); } .no-svg .webicon.yahoo { - background: url("@(webicons-url}webicon-yahoo-m.png"); } + background: url("@{webicons-url}webicon-yahoo-m.png"); } .no-svg .webicon.yahoo.large { - background: url("@(webicons-url}webicon-yahoo.png"); } + background: url("@{webicons-url}webicon-yahoo.png"); } .no-svg .webicon.yahoo.small { - background: url("@(webicons-url}webicon-yahoo-s.png"); } + background: url("@{webicons-url}webicon-yahoo-s.png"); } .svg .webicon.yahoo { - background: url("@(webicons-url}webicon-yahoo.svg"); } + background: url("@{webicons-url}webicon-yahoo.svg"); } .no-svg .webicon.yelp { - background: url("@(webicons-url}webicon-yelp-m.png"); } + background: url("@{webicons-url}webicon-yelp-m.png"); } .no-svg .webicon.yelp.large { - background: url("@(webicons-url}webicon-yelp.png"); } + background: url("@{webicons-url}webicon-yelp.png"); } .no-svg .webicon.yelp.small { - background: url("@(webicons-url}webicon-yelp-s.png"); } + background: url("@{webicons-url}webicon-yelp-s.png"); } .svg .webicon.yelp { - background: url("@(webicons-url}webicon-yelp.svg"); } + background: url("@{webicons-url}webicon-yelp.svg"); } .no-svg .webicon.youtube { - background: url("@(webicons-url}webicon-youtube-m.png"); } + background: url("@{webicons-url}webicon-youtube-m.png"); } .no-svg .webicon.youtube.large { - background: url("@(webicons-url}webicon-youtube.png"); } + background: url("@{webicons-url}webicon-youtube.png"); } .no-svg .webicon.youtube.small { - background: url("@(webicons-url}webicon-youtube-s.png"); } + background: url("@{webicons-url}webicon-youtube-s.png"); } .svg .webicon.youtube { - background: url("@(webicons-url}webicon-youtube.svg"); } + background: url("@{webicons-url}webicon-youtube.svg"); } .no-svg .webicon.youversion { - background: url("@(webicons-url}webicon-youversion-m.png"); } + background: url("@{webicons-url}webicon-youversion-m.png"); } .no-svg .webicon.youversion.large { - background: url("@(webicons-url}webicon-youversion.png"); } + background: url("@{webicons-url}webicon-youversion.png"); } .no-svg .webicon.youversion.small { - background: url("@(webicons-url}webicon-youversion-s.png"); } + background: url("@{webicons-url}webicon-youversion-s.png"); } .svg .webicon.youversion { - background: url("@(webicons-url}webicon-youversion.svg"); } + background: url("@{webicons-url}webicon-youversion.svg"); } .no-svg .webicon.zerply { - background: url("@(webicons-url}webicon-zerply-m.png"); } + background: url("@{webicons-url}webicon-zerply-m.png"); } .no-svg .webicon.zerply.large { - background: url("@(webicons-url}webicon-zerply.png"); } + background: url("@{webicons-url}webicon-zerply.png"); } .no-svg .webicon.zerply.small { - background: url("@(webicons-url}webicon-zerply-s.png"); } + background: url("@{webicons-url}webicon-zerply-s.png"); } .svg .webicon.zerply { - background: url("@(webicons-url}webicon-zerply.svg"); } + background: url("@{webicons-url}webicon-zerply.svg"); } From 190127fa2cb6305e59a7e1928c0892df31a6a000 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 16:59:00 +0200 Subject: [PATCH 12/16] Disable explicit CSS and add tildes to icons variable --- webicons.less | 1154 ++++++++++++++++++++++++------------------------- 1 file changed, 577 insertions(+), 577 deletions(-) diff --git a/webicons.less b/webicons.less index 9c85051..c9723a1 100644 --- a/webicons.less +++ b/webicons.less @@ -6,871 +6,871 @@ .webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } // Include or remove the icons you want to use on your site from this list. -@webicons-icons: f500px aboutme adn android apple behance bitbucket blogger branch coderwall creativecloud dribbble dropbox evernote fairheadcreative facebook flickr foursquare git github goodreads google googleplay googleplus hangouts html5 icloud indiegogo instagram instapaper kickstarter klout lastfm linkedin mail medium mixi msn openid picasa pinterest pocketapp potluck quora orkut mercurial rdio reddit renren rss skitch skype soundcloud spotify stackoverflow stumbleupon svn tent tripadvisor tumblr twitter viadeo vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply; +@webicons-icons: ~"f500px", ~"aboutme", ~"adn", ~"android", ~"apple", ~"behance", ~"bitbucket", ~"blogger", ~"branch", ~"coderwall", ~"creativecloud", ~"dribbble", ~"dropbox", ~"evernote", ~"fairheadcreative", ~"facebook", ~"flickr", ~"foursquare", ~"git", ~"github", ~"goodreads", ~"google", ~"googleplay", ~"googleplus", ~"hangouts", ~"html5", ~"icloud", ~"indiegogo", ~"instagram", ~"instapaper", ~"kickstarter", ~"klout", ~"lastfm", ~"linkedin", ~"mail", ~"medium", ~"mixi", ~"msn", ~"openid", ~"picasa", ~"pinterest", ~"pocketapp", ~"potluck", ~"quora", ~"orkut", ~"mercurial", ~"rdio", ~"reddit", ~"renren", ~"rss", ~"skitch", ~"skype", ~"soundcloud", ~"spotify", ~"stackoverflow", ~"stumbleupon", ~"svn", ~"tent", ~"tripadvisor", ~"tumblr", ~"twitter", ~"viadeo", ~"vimeo", ~"weibo", ~"windows", ~"wordpress", ~"xing", ~"yahoo", ~"yelp", ~"youtube", ~"youversion", ~"zerply"; // Specify the path to the webicons directory here. Include trailing slash. @webicons-url: "webicons/"; -.no-svg .webicon.f500px { - background: url("@{webicons-url}webicon-f500px-m.png"); } +// .no-svg .webicon.f500px { +// background: url("@{webicons-url}webicon-f500px-m.png"); } -.no-svg .webicon.f500px.large { - background: url("@{webicons-url}webicon-f500px.png"); } +// .no-svg .webicon.f500px.large { +// background: url("@{webicons-url}webicon-f500px.png"); } -.no-svg .webicon.f500px.small { - background: url("@{webicons-url}webicon-f500px-s.png"); } +// .no-svg .webicon.f500px.small { +// background: url("@{webicons-url}webicon-f500px-s.png"); } -.svg .webicon.f500px { - background: url("@{webicons-url}webicon-f500px.svg"); } +// .svg .webicon.f500px { +// background: url("@{webicons-url}webicon-f500px.svg"); } -.no-svg .webicon.aboutme { - background: url("@{webicons-url}webicon-aboutme-m.png"); } +// .no-svg .webicon.aboutme { +// background: url("@{webicons-url}webicon-aboutme-m.png"); } -.no-svg .webicon.aboutme.large { - background: url("@{webicons-url}webicon-aboutme.png"); } +// .no-svg .webicon.aboutme.large { +// background: url("@{webicons-url}webicon-aboutme.png"); } -.no-svg .webicon.aboutme.small { - background: url("@{webicons-url}webicon-aboutme-s.png"); } +// .no-svg .webicon.aboutme.small { +// background: url("@{webicons-url}webicon-aboutme-s.png"); } -.svg .webicon.aboutme { - background: url("@{webicons-url}webicon-aboutme.svg"); } +// .svg .webicon.aboutme { +// background: url("@{webicons-url}webicon-aboutme.svg"); } -.no-svg .webicon.adn { - background: url("@{webicons-url}webicon-adn-m.png"); } +// .no-svg .webicon.adn { +// background: url("@{webicons-url}webicon-adn-m.png"); } -.no-svg .webicon.adn.large { - background: url("@{webicons-url}webicon-adn.png"); } +// .no-svg .webicon.adn.large { +// background: url("@{webicons-url}webicon-adn.png"); } -.no-svg .webicon.adn.small { - background: url("@{webicons-url}webicon-adn-s.png"); } +// .no-svg .webicon.adn.small { +// background: url("@{webicons-url}webicon-adn-s.png"); } -.svg .webicon.adn { - background: url("@{webicons-url}webicon-adn.svg"); } +// .svg .webicon.adn { +// background: url("@{webicons-url}webicon-adn.svg"); } -.no-svg .webicon.android { - background: url("@{webicons-url}webicon-android-m.png"); } +// .no-svg .webicon.android { +// background: url("@{webicons-url}webicon-android-m.png"); } -.no-svg .webicon.android.large { - background: url("@{webicons-url}webicon-android.png"); } +// .no-svg .webicon.android.large { +// background: url("@{webicons-url}webicon-android.png"); } -.no-svg .webicon.android.small { - background: url("@{webicons-url}webicon-android-s.png"); } +// .no-svg .webicon.android.small { +// background: url("@{webicons-url}webicon-android-s.png"); } -.svg .webicon.android { - background: url("@{webicons-url}webicon-android.svg"); } +// .svg .webicon.android { +// background: url("@{webicons-url}webicon-android.svg"); } -.no-svg .webicon.apple { - background: url("@{webicons-url}webicon-apple-m.png"); } +// .no-svg .webicon.apple { +// background: url("@{webicons-url}webicon-apple-m.png"); } -.no-svg .webicon.apple.large { - background: url("@{webicons-url}webicon-apple.png"); } +// .no-svg .webicon.apple.large { +// background: url("@{webicons-url}webicon-apple.png"); } -.no-svg .webicon.apple.small { - background: url("@{webicons-url}webicon-apple-s.png"); } +// .no-svg .webicon.apple.small { +// background: url("@{webicons-url}webicon-apple-s.png"); } -.svg .webicon.apple { - background: url("@{webicons-url}webicon-apple.svg"); } +// .svg .webicon.apple { +// background: url("@{webicons-url}webicon-apple.svg"); } -.no-svg .webicon.behance { - background: url("@{webicons-url}webicon-behance-m.png"); } +// .no-svg .webicon.behance { +// background: url("@{webicons-url}webicon-behance-m.png"); } -.no-svg .webicon.behance.large { - background: url("@{webicons-url}webicon-behance.png"); } +// .no-svg .webicon.behance.large { +// background: url("@{webicons-url}webicon-behance.png"); } -.no-svg .webicon.behance.small { - background: url("@{webicons-url}webicon-behance-s.png"); } +// .no-svg .webicon.behance.small { +// background: url("@{webicons-url}webicon-behance-s.png"); } -.svg .webicon.behance { - background: url("@{webicons-url}webicon-behance.svg"); } +// .svg .webicon.behance { +// background: url("@{webicons-url}webicon-behance.svg"); } -.no-svg .webicon.bitbucket { - background: url("@{webicons-url}webicon-bitbucket-m.png"); } +// .no-svg .webicon.bitbucket { +// background: url("@{webicons-url}webicon-bitbucket-m.png"); } -.no-svg .webicon.bitbucket.large { - background: url("@{webicons-url}webicon-bitbucket.png"); } +// .no-svg .webicon.bitbucket.large { +// background: url("@{webicons-url}webicon-bitbucket.png"); } -.no-svg .webicon.bitbucket.small { - background: url("@{webicons-url}webicon-bitbucket-s.png"); } +// .no-svg .webicon.bitbucket.small { +// background: url("@{webicons-url}webicon-bitbucket-s.png"); } -.svg .webicon.bitbucket { - background: url("@{webicons-url}webicon-bitbucket.svg"); } +// .svg .webicon.bitbucket { +// background: url("@{webicons-url}webicon-bitbucket.svg"); } -.no-svg .webicon.blogger { - background: url("@{webicons-url}webicon-blogger-m.png"); } +// .no-svg .webicon.blogger { +// background: url("@{webicons-url}webicon-blogger-m.png"); } -.no-svg .webicon.blogger.large { - background: url("@{webicons-url}webicon-blogger.png"); } +// .no-svg .webicon.blogger.large { +// background: url("@{webicons-url}webicon-blogger.png"); } -.no-svg .webicon.blogger.small { - background: url("@{webicons-url}webicon-blogger-s.png"); } +// .no-svg .webicon.blogger.small { +// background: url("@{webicons-url}webicon-blogger-s.png"); } -.svg .webicon.blogger { - background: url("@{webicons-url}webicon-blogger.svg"); } +// .svg .webicon.blogger { +// background: url("@{webicons-url}webicon-blogger.svg"); } -.no-svg .webicon.branch { - background: url("@{webicons-url}webicon-branch-m.png"); } +// .no-svg .webicon.branch { +// background: url("@{webicons-url}webicon-branch-m.png"); } -.no-svg .webicon.branch.large { - background: url("@{webicons-url}webicon-branch.png"); } +// .no-svg .webicon.branch.large { +// background: url("@{webicons-url}webicon-branch.png"); } -.no-svg .webicon.branch.small { - background: url("@{webicons-url}webicon-branch-s.png"); } +// .no-svg .webicon.branch.small { +// background: url("@{webicons-url}webicon-branch-s.png"); } -.svg .webicon.branch { - background: url("@{webicons-url}webicon-branch.svg"); } +// .svg .webicon.branch { +// background: url("@{webicons-url}webicon-branch.svg"); } -.no-svg .webicon.coderwall { - background: url("@{webicons-url}webicon-coderwall-m.png"); } +// .no-svg .webicon.coderwall { +// background: url("@{webicons-url}webicon-coderwall-m.png"); } -.no-svg .webicon.coderwall.large { - background: url("@{webicons-url}webicon-coderwall.png"); } +// .no-svg .webicon.coderwall.large { +// background: url("@{webicons-url}webicon-coderwall.png"); } -.no-svg .webicon.coderwall.small { - background: url("@{webicons-url}webicon-coderwall-s.png"); } +// .no-svg .webicon.coderwall.small { +// background: url("@{webicons-url}webicon-coderwall-s.png"); } -.svg .webicon.coderwall { - background: url("@{webicons-url}webicon-coderwall.svg"); } +// .svg .webicon.coderwall { +// background: url("@{webicons-url}webicon-coderwall.svg"); } -.no-svg .webicon.creativecloud { - background: url("@{webicons-url}webicon-creativecloud-m.png"); } +// .no-svg .webicon.creativecloud { +// background: url("@{webicons-url}webicon-creativecloud-m.png"); } -.no-svg .webicon.creativecloud.large { - background: url("@{webicons-url}webicon-creativecloud.png"); } +// .no-svg .webicon.creativecloud.large { +// background: url("@{webicons-url}webicon-creativecloud.png"); } -.no-svg .webicon.creativecloud.small { - background: url("@{webicons-url}webicon-creativecloud-s.png"); } +// .no-svg .webicon.creativecloud.small { +// background: url("@{webicons-url}webicon-creativecloud-s.png"); } -.svg .webicon.creativecloud { - background: url("@{webicons-url}webicon-creativecloud.svg"); } +// .svg .webicon.creativecloud { +// background: url("@{webicons-url}webicon-creativecloud.svg"); } -.no-svg .webicon.dribbble { - background: url("@{webicons-url}webicon-dribbble-m.png"); } +// .no-svg .webicon.dribbble { +// background: url("@{webicons-url}webicon-dribbble-m.png"); } -.no-svg .webicon.dribbble.large { - background: url("@{webicons-url}webicon-dribbble.png"); } +// .no-svg .webicon.dribbble.large { +// background: url("@{webicons-url}webicon-dribbble.png"); } -.no-svg .webicon.dribbble.small { - background: url("@{webicons-url}webicon-dribbble-s.png"); } +// .no-svg .webicon.dribbble.small { +// background: url("@{webicons-url}webicon-dribbble-s.png"); } -.svg .webicon.dribbble { - background: url("@{webicons-url}webicon-dribbble.svg"); } +// .svg .webicon.dribbble { +// background: url("@{webicons-url}webicon-dribbble.svg"); } -.no-svg .webicon.dropbox { - background: url("@{webicons-url}webicon-dropbox-m.png"); } +// .no-svg .webicon.dropbox { +// background: url("@{webicons-url}webicon-dropbox-m.png"); } -.no-svg .webicon.dropbox.large { - background: url("@{webicons-url}webicon-dropbox.png"); } +// .no-svg .webicon.dropbox.large { +// background: url("@{webicons-url}webicon-dropbox.png"); } -.no-svg .webicon.dropbox.small { - background: url("@{webicons-url}webicon-dropbox-s.png"); } +// .no-svg .webicon.dropbox.small { +// background: url("@{webicons-url}webicon-dropbox-s.png"); } -.svg .webicon.dropbox { - background: url("@{webicons-url}webicon-dropbox.svg"); } +// .svg .webicon.dropbox { +// background: url("@{webicons-url}webicon-dropbox.svg"); } -.no-svg .webicon.evernote { - background: url("@{webicons-url}webicon-evernote-m.png"); } +// .no-svg .webicon.evernote { +// background: url("@{webicons-url}webicon-evernote-m.png"); } -.no-svg .webicon.evernote.large { - background: url("@{webicons-url}webicon-evernote.png"); } +// .no-svg .webicon.evernote.large { +// background: url("@{webicons-url}webicon-evernote.png"); } -.no-svg .webicon.evernote.small { - background: url("@{webicons-url}webicon-evernote-s.png"); } +// .no-svg .webicon.evernote.small { +// background: url("@{webicons-url}webicon-evernote-s.png"); } -.svg .webicon.evernote { - background: url("@{webicons-url}webicon-evernote.svg"); } +// .svg .webicon.evernote { +// background: url("@{webicons-url}webicon-evernote.svg"); } -.no-svg .webicon.fairheadcreative { - background: url("@{webicons-url}webicon-fairheadcreative-m.png"); } +// .no-svg .webicon.fairheadcreative { +// background: url("@{webicons-url}webicon-fairheadcreative-m.png"); } -.no-svg .webicon.fairheadcreative.large { - background: url("@{webicons-url}webicon-fairheadcreative.png"); } +// .no-svg .webicon.fairheadcreative.large { +// background: url("@{webicons-url}webicon-fairheadcreative.png"); } -.no-svg .webicon.fairheadcreative.small { - background: url("@{webicons-url}webicon-fairheadcreative-s.png"); } +// .no-svg .webicon.fairheadcreative.small { +// background: url("@{webicons-url}webicon-fairheadcreative-s.png"); } -.svg .webicon.fairheadcreative { - background: url("@{webicons-url}webicon-fairheadcreative.svg"); } +// .svg .webicon.fairheadcreative { +// background: url("@{webicons-url}webicon-fairheadcreative.svg"); } -.no-svg .webicon.facebook { - background: url("@{webicons-url}webicon-facebook-m.png"); } +// .no-svg .webicon.facebook { +// background: url("@{webicons-url}webicon-facebook-m.png"); } -.no-svg .webicon.facebook.large { - background: url("@{webicons-url}webicon-facebook.png"); } +// .no-svg .webicon.facebook.large { +// background: url("@{webicons-url}webicon-facebook.png"); } -.no-svg .webicon.facebook.small { - background: url("@{webicons-url}webicon-facebook-s.png"); } +// .no-svg .webicon.facebook.small { +// background: url("@{webicons-url}webicon-facebook-s.png"); } -.svg .webicon.facebook { - background: url("@{webicons-url}webicon-facebook.svg"); } +// .svg .webicon.facebook { +// background: url("@{webicons-url}webicon-facebook.svg"); } -.no-svg .webicon.flickr { - background: url("@{webicons-url}webicon-flickr-m.png"); } +// .no-svg .webicon.flickr { +// background: url("@{webicons-url}webicon-flickr-m.png"); } -.no-svg .webicon.flickr.large { - background: url("@{webicons-url}webicon-flickr.png"); } +// .no-svg .webicon.flickr.large { +// background: url("@{webicons-url}webicon-flickr.png"); } -.no-svg .webicon.flickr.small { - background: url("@{webicons-url}webicon-flickr-s.png"); } +// .no-svg .webicon.flickr.small { +// background: url("@{webicons-url}webicon-flickr-s.png"); } -.svg .webicon.flickr { - background: url("@{webicons-url}webicon-flickr.svg"); } +// .svg .webicon.flickr { +// background: url("@{webicons-url}webicon-flickr.svg"); } -.no-svg .webicon.foursquare { - background: url("@{webicons-url}webicon-foursquare-m.png"); } +// .no-svg .webicon.foursquare { +// background: url("@{webicons-url}webicon-foursquare-m.png"); } -.no-svg .webicon.foursquare.large { - background: url("@{webicons-url}webicon-foursquare.png"); } +// .no-svg .webicon.foursquare.large { +// background: url("@{webicons-url}webicon-foursquare.png"); } -.no-svg .webicon.foursquare.small { - background: url("@{webicons-url}webicon-foursquare-s.png"); } +// .no-svg .webicon.foursquare.small { +// background: url("@{webicons-url}webicon-foursquare-s.png"); } -.svg .webicon.foursquare { - background: url("@{webicons-url}webicon-foursquare.svg"); } +// .svg .webicon.foursquare { +// background: url("@{webicons-url}webicon-foursquare.svg"); } -.no-svg .webicon.git { - background: url("@{webicons-url}webicon-git-m.png"); } +// .no-svg .webicon.git { +// background: url("@{webicons-url}webicon-git-m.png"); } -.no-svg .webicon.git.large { - background: url("@{webicons-url}webicon-git.png"); } +// .no-svg .webicon.git.large { +// background: url("@{webicons-url}webicon-git.png"); } -.no-svg .webicon.git.small { - background: url("@{webicons-url}webicon-git-s.png"); } +// .no-svg .webicon.git.small { +// background: url("@{webicons-url}webicon-git-s.png"); } -.svg .webicon.git { - background: url("@{webicons-url}webicon-git.svg"); } +// .svg .webicon.git { +// background: url("@{webicons-url}webicon-git.svg"); } -.no-svg .webicon.github { - background: url("@{webicons-url}webicon-github-m.png"); } +// .no-svg .webicon.github { +// background: url("@{webicons-url}webicon-github-m.png"); } -.no-svg .webicon.github.large { - background: url("@{webicons-url}webicon-github.png"); } +// .no-svg .webicon.github.large { +// background: url("@{webicons-url}webicon-github.png"); } -.no-svg .webicon.github.small { - background: url("@{webicons-url}webicon-github-s.png"); } +// .no-svg .webicon.github.small { +// background: url("@{webicons-url}webicon-github-s.png"); } -.svg .webicon.github { - background: url("@{webicons-url}webicon-github.svg"); } +// .svg .webicon.github { +// background: url("@{webicons-url}webicon-github.svg"); } -.no-svg .webicon.goodreads { - background: url("@{webicons-url}webicon-goodreads-m.png"); } +// .no-svg .webicon.goodreads { +// background: url("@{webicons-url}webicon-goodreads-m.png"); } -.no-svg .webicon.goodreads.large { - background: url("@{webicons-url}webicon-goodreads.png"); } +// .no-svg .webicon.goodreads.large { +// background: url("@{webicons-url}webicon-goodreads.png"); } -.no-svg .webicon.goodreads.small { - background: url("@{webicons-url}webicon-goodreads-s.png"); } +// .no-svg .webicon.goodreads.small { +// background: url("@{webicons-url}webicon-goodreads-s.png"); } -.svg .webicon.goodreads { - background: url("@{webicons-url}webicon-goodreads.svg"); } +// .svg .webicon.goodreads { +// background: url("@{webicons-url}webicon-goodreads.svg"); } -.no-svg .webicon.google { - background: url("@{webicons-url}webicon-google-m.png"); } +// .no-svg .webicon.google { +// background: url("@{webicons-url}webicon-google-m.png"); } -.no-svg .webicon.google.large { - background: url("@{webicons-url}webicon-google.png"); } +// .no-svg .webicon.google.large { +// background: url("@{webicons-url}webicon-google.png"); } -.no-svg .webicon.google.small { - background: url("@{webicons-url}webicon-google-s.png"); } +// .no-svg .webicon.google.small { +// background: url("@{webicons-url}webicon-google-s.png"); } -.svg .webicon.google { - background: url("@{webicons-url}webicon-google.svg"); } +// .svg .webicon.google { +// background: url("@{webicons-url}webicon-google.svg"); } -.no-svg .webicon.googleplay { - background: url("@{webicons-url}webicon-googleplay-m.png"); } +// .no-svg .webicon.googleplay { +// background: url("@{webicons-url}webicon-googleplay-m.png"); } -.no-svg .webicon.googleplay.large { - background: url("@{webicons-url}webicon-googleplay.png"); } +// .no-svg .webicon.googleplay.large { +// background: url("@{webicons-url}webicon-googleplay.png"); } -.no-svg .webicon.googleplay.small { - background: url("@{webicons-url}webicon-googleplay-s.png"); } +// .no-svg .webicon.googleplay.small { +// background: url("@{webicons-url}webicon-googleplay-s.png"); } -.svg .webicon.googleplay { - background: url("@{webicons-url}webicon-googleplay.svg"); } +// .svg .webicon.googleplay { +// background: url("@{webicons-url}webicon-googleplay.svg"); } -.no-svg .webicon.googleplus { - background: url("@{webicons-url}webicon-googleplus-m.png"); } +// .no-svg .webicon.googleplus { +// background: url("@{webicons-url}webicon-googleplus-m.png"); } -.no-svg .webicon.googleplus.large { - background: url("@{webicons-url}webicon-googleplus.png"); } +// .no-svg .webicon.googleplus.large { +// background: url("@{webicons-url}webicon-googleplus.png"); } -.no-svg .webicon.googleplus.small { - background: url("@{webicons-url}webicon-googleplus-s.png"); } +// .no-svg .webicon.googleplus.small { +// background: url("@{webicons-url}webicon-googleplus-s.png"); } -.svg .webicon.googleplus { - background: url("@{webicons-url}webicon-googleplus.svg"); } +// .svg .webicon.googleplus { +// background: url("@{webicons-url}webicon-googleplus.svg"); } -.no-svg .webicon.hangouts { - background: url("@{webicons-url}webicon-hangouts-m.png"); } +// .no-svg .webicon.hangouts { +// background: url("@{webicons-url}webicon-hangouts-m.png"); } -.no-svg .webicon.hangouts.large { - background: url("@{webicons-url}webicon-hangouts.png"); } +// .no-svg .webicon.hangouts.large { +// background: url("@{webicons-url}webicon-hangouts.png"); } -.no-svg .webicon.hangouts.small { - background: url("@{webicons-url}webicon-hangouts-s.png"); } +// .no-svg .webicon.hangouts.small { +// background: url("@{webicons-url}webicon-hangouts-s.png"); } -.svg .webicon.hangouts { - background: url("@{webicons-url}webicon-hangouts.svg"); } +// .svg .webicon.hangouts { +// background: url("@{webicons-url}webicon-hangouts.svg"); } -.no-svg .webicon.html5 { - background: url("@{webicons-url}webicon-html5-m.png"); } +// .no-svg .webicon.html5 { +// background: url("@{webicons-url}webicon-html5-m.png"); } -.no-svg .webicon.html5.large { - background: url("@{webicons-url}webicon-html5.png"); } +// .no-svg .webicon.html5.large { +// background: url("@{webicons-url}webicon-html5.png"); } -.no-svg .webicon.html5.small { - background: url("@{webicons-url}webicon-html5-s.png"); } +// .no-svg .webicon.html5.small { +// background: url("@{webicons-url}webicon-html5-s.png"); } -.svg .webicon.html5 { - background: url("@{webicons-url}webicon-html5.svg"); } +// .svg .webicon.html5 { +// background: url("@{webicons-url}webicon-html5.svg"); } -.no-svg .webicon.icloud { - background: url("@{webicons-url}webicon-icloud-m.png"); } +// .no-svg .webicon.icloud { +// background: url("@{webicons-url}webicon-icloud-m.png"); } -.no-svg .webicon.icloud.large { - background: url("@{webicons-url}webicon-icloud.png"); } +// .no-svg .webicon.icloud.large { +// background: url("@{webicons-url}webicon-icloud.png"); } -.no-svg .webicon.icloud.small { - background: url("@{webicons-url}webicon-icloud-s.png"); } +// .no-svg .webicon.icloud.small { +// background: url("@{webicons-url}webicon-icloud-s.png"); } -.svg .webicon.icloud { - background: url("@{webicons-url}webicon-icloud.svg"); } +// .svg .webicon.icloud { +// background: url("@{webicons-url}webicon-icloud.svg"); } -.no-svg .webicon.indiegogo { - background: url("@{webicons-url}webicon-indiegogo-m.png"); } +// .no-svg .webicon.indiegogo { +// background: url("@{webicons-url}webicon-indiegogo-m.png"); } -.no-svg .webicon.indiegogo.large { - background: url("@{webicons-url}webicon-indiegogo.png"); } +// .no-svg .webicon.indiegogo.large { +// background: url("@{webicons-url}webicon-indiegogo.png"); } -.no-svg .webicon.indiegogo.small { - background: url("@{webicons-url}webicon-indiegogo-s.png"); } +// .no-svg .webicon.indiegogo.small { +// background: url("@{webicons-url}webicon-indiegogo-s.png"); } -.svg .webicon.indiegogo { - background: url("@{webicons-url}webicon-indiegogo.svg"); } +// .svg .webicon.indiegogo { +// background: url("@{webicons-url}webicon-indiegogo.svg"); } -.no-svg .webicon.instagram { - background: url("@{webicons-url}webicon-instagram-m.png"); } +// .no-svg .webicon.instagram { +// background: url("@{webicons-url}webicon-instagram-m.png"); } -.no-svg .webicon.instagram.large { - background: url("@{webicons-url}webicon-instagram.png"); } +// .no-svg .webicon.instagram.large { +// background: url("@{webicons-url}webicon-instagram.png"); } -.no-svg .webicon.instagram.small { - background: url("@{webicons-url}webicon-instagram-s.png"); } +// .no-svg .webicon.instagram.small { +// background: url("@{webicons-url}webicon-instagram-s.png"); } -.svg .webicon.instagram { - background: url("@{webicons-url}webicon-instagram.svg"); } +// .svg .webicon.instagram { +// background: url("@{webicons-url}webicon-instagram.svg"); } -.no-svg .webicon.instapaper { - background: url("@{webicons-url}webicon-instapaper-m.png"); } +// .no-svg .webicon.instapaper { +// background: url("@{webicons-url}webicon-instapaper-m.png"); } -.no-svg .webicon.instapaper.large { - background: url("@{webicons-url}webicon-instapaper.png"); } +// .no-svg .webicon.instapaper.large { +// background: url("@{webicons-url}webicon-instapaper.png"); } -.no-svg .webicon.instapaper.small { - background: url("@{webicons-url}webicon-instapaper-s.png"); } +// .no-svg .webicon.instapaper.small { +// background: url("@{webicons-url}webicon-instapaper-s.png"); } -.svg .webicon.instapaper { - background: url("@{webicons-url}webicon-instapaper.svg"); } +// .svg .webicon.instapaper { +// background: url("@{webicons-url}webicon-instapaper.svg"); } -.no-svg .webicon.kickstarter { - background: url("@{webicons-url}webicon-kickstarter-m.png"); } +// .no-svg .webicon.kickstarter { +// background: url("@{webicons-url}webicon-kickstarter-m.png"); } -.no-svg .webicon.kickstarter.large { - background: url("@{webicons-url}webicon-kickstarter.png"); } +// .no-svg .webicon.kickstarter.large { +// background: url("@{webicons-url}webicon-kickstarter.png"); } -.no-svg .webicon.kickstarter.small { - background: url("@{webicons-url}webicon-kickstarter-s.png"); } +// .no-svg .webicon.kickstarter.small { +// background: url("@{webicons-url}webicon-kickstarter-s.png"); } -.svg .webicon.kickstarter { - background: url("@{webicons-url}webicon-kickstarter.svg"); } +// .svg .webicon.kickstarter { +// background: url("@{webicons-url}webicon-kickstarter.svg"); } -.no-svg .webicon.klout { - background: url("@{webicons-url}webicon-klout-m.png"); } +// .no-svg .webicon.klout { +// background: url("@{webicons-url}webicon-klout-m.png"); } -.no-svg .webicon.klout.large { - background: url("@{webicons-url}webicon-klout.png"); } +// .no-svg .webicon.klout.large { +// background: url("@{webicons-url}webicon-klout.png"); } -.no-svg .webicon.klout.small { - background: url("@{webicons-url}webicon-klout-s.png"); } +// .no-svg .webicon.klout.small { +// background: url("@{webicons-url}webicon-klout-s.png"); } -.svg .webicon.klout { - background: url("@{webicons-url}webicon-klout.svg"); } +// .svg .webicon.klout { +// background: url("@{webicons-url}webicon-klout.svg"); } -.no-svg .webicon.lastfm { - background: url("@{webicons-url}webicon-lastfm-m.png"); } +// .no-svg .webicon.lastfm { +// background: url("@{webicons-url}webicon-lastfm-m.png"); } -.no-svg .webicon.lastfm.large { - background: url("@{webicons-url}webicon-lastfm.png"); } +// .no-svg .webicon.lastfm.large { +// background: url("@{webicons-url}webicon-lastfm.png"); } -.no-svg .webicon.lastfm.small { - background: url("@{webicons-url}webicon-lastfm-s.png"); } +// .no-svg .webicon.lastfm.small { +// background: url("@{webicons-url}webicon-lastfm-s.png"); } -.svg .webicon.lastfm { - background: url("@{webicons-url}webicon-lastfm.svg"); } +// .svg .webicon.lastfm { +// background: url("@{webicons-url}webicon-lastfm.svg"); } -.no-svg .webicon.linkedin { - background: url("@{webicons-url}webicon-linkedin-m.png"); } +// .no-svg .webicon.linkedin { +// background: url("@{webicons-url}webicon-linkedin-m.png"); } -.no-svg .webicon.linkedin.large { - background: url("@{webicons-url}webicon-linkedin.png"); } +// .no-svg .webicon.linkedin.large { +// background: url("@{webicons-url}webicon-linkedin.png"); } -.no-svg .webicon.linkedin.small { - background: url("@{webicons-url}webicon-linkedin-s.png"); } +// .no-svg .webicon.linkedin.small { +// background: url("@{webicons-url}webicon-linkedin-s.png"); } -.svg .webicon.linkedin { - background: url("@{webicons-url}webicon-linkedin.svg"); } +// .svg .webicon.linkedin { +// background: url("@{webicons-url}webicon-linkedin.svg"); } -.no-svg .webicon.mail { - background: url("@{webicons-url}webicon-mail-m.png"); } +// .no-svg .webicon.mail { +// background: url("@{webicons-url}webicon-mail-m.png"); } -.no-svg .webicon.mail.large { - background: url("@{webicons-url}webicon-mail.png"); } +// .no-svg .webicon.mail.large { +// background: url("@{webicons-url}webicon-mail.png"); } -.no-svg .webicon.mail.small { - background: url("@{webicons-url}webicon-mail-s.png"); } +// .no-svg .webicon.mail.small { +// background: url("@{webicons-url}webicon-mail-s.png"); } -.svg .webicon.mail { - background: url("@{webicons-url}webicon-mail.svg"); } +// .svg .webicon.mail { +// background: url("@{webicons-url}webicon-mail.svg"); } -.no-svg .webicon.medium { - background: url("@{webicons-url}webicon-medium-m.png"); } +// .no-svg .webicon.medium { +// background: url("@{webicons-url}webicon-medium-m.png"); } -.no-svg .webicon.medium.large { - background: url("@{webicons-url}webicon-medium.png"); } +// .no-svg .webicon.medium.large { +// background: url("@{webicons-url}webicon-medium.png"); } -.no-svg .webicon.medium.small { - background: url("@{webicons-url}webicon-medium-s.png"); } +// .no-svg .webicon.medium.small { +// background: url("@{webicons-url}webicon-medium-s.png"); } -.svg .webicon.medium { - background: url("@{webicons-url}webicon-medium.svg"); } +// .svg .webicon.medium { +// background: url("@{webicons-url}webicon-medium.svg"); } -.no-svg .webicon.mixi { - background: url("@{webicons-url}webicon-mixi-m.png"); } +// .no-svg .webicon.mixi { +// background: url("@{webicons-url}webicon-mixi-m.png"); } -.no-svg .webicon.mixi.large { - background: url("@{webicons-url}webicon-mixi.png"); } +// .no-svg .webicon.mixi.large { +// background: url("@{webicons-url}webicon-mixi.png"); } -.no-svg .webicon.mixi.small { - background: url("@{webicons-url}webicon-mixi-s.png"); } +// .no-svg .webicon.mixi.small { +// background: url("@{webicons-url}webicon-mixi-s.png"); } -.svg .webicon.mixi { - background: url("@{webicons-url}webicon-mixi.svg"); } +// .svg .webicon.mixi { +// background: url("@{webicons-url}webicon-mixi.svg"); } -.no-svg .webicon.msn { - background: url("@{webicons-url}webicon-msn-m.png"); } +// .no-svg .webicon.msn { +// background: url("@{webicons-url}webicon-msn-m.png"); } -.no-svg .webicon.msn.large { - background: url("@{webicons-url}webicon-msn.png"); } +// .no-svg .webicon.msn.large { +// background: url("@{webicons-url}webicon-msn.png"); } -.no-svg .webicon.msn.small { - background: url("@{webicons-url}webicon-msn-s.png"); } +// .no-svg .webicon.msn.small { +// background: url("@{webicons-url}webicon-msn-s.png"); } -.svg .webicon.msn { - background: url("@{webicons-url}webicon-msn.svg"); } +// .svg .webicon.msn { +// background: url("@{webicons-url}webicon-msn.svg"); } -.no-svg .webicon.openid { - background: url("@{webicons-url}webicon-openid-m.png"); } +// .no-svg .webicon.openid { +// background: url("@{webicons-url}webicon-openid-m.png"); } -.no-svg .webicon.openid.large { - background: url("@{webicons-url}webicon-openid.png"); } +// .no-svg .webicon.openid.large { +// background: url("@{webicons-url}webicon-openid.png"); } -.no-svg .webicon.openid.small { - background: url("@{webicons-url}webicon-openid-s.png"); } +// .no-svg .webicon.openid.small { +// background: url("@{webicons-url}webicon-openid-s.png"); } -.svg .webicon.openid { - background: url("@{webicons-url}webicon-openid.svg"); } +// .svg .webicon.openid { +// background: url("@{webicons-url}webicon-openid.svg"); } -.no-svg .webicon.picasa { - background: url("@{webicons-url}webicon-picasa-m.png"); } +// .no-svg .webicon.picasa { +// background: url("@{webicons-url}webicon-picasa-m.png"); } -.no-svg .webicon.picasa.large { - background: url("@{webicons-url}webicon-picasa.png"); } +// .no-svg .webicon.picasa.large { +// background: url("@{webicons-url}webicon-picasa.png"); } -.no-svg .webicon.picasa.small { - background: url("@{webicons-url}webicon-picasa-s.png"); } +// .no-svg .webicon.picasa.small { +// background: url("@{webicons-url}webicon-picasa-s.png"); } -.svg .webicon.picasa { - background: url("@{webicons-url}webicon-picasa.svg"); } +// .svg .webicon.picasa { +// background: url("@{webicons-url}webicon-picasa.svg"); } -.no-svg .webicon.pinterest { - background: url("@{webicons-url}webicon-pinterest-m.png"); } +// .no-svg .webicon.pinterest { +// background: url("@{webicons-url}webicon-pinterest-m.png"); } -.no-svg .webicon.pinterest.large { - background: url("@{webicons-url}webicon-pinterest.png"); } +// .no-svg .webicon.pinterest.large { +// background: url("@{webicons-url}webicon-pinterest.png"); } -.no-svg .webicon.pinterest.small { - background: url("@{webicons-url}webicon-pinterest-s.png"); } +// .no-svg .webicon.pinterest.small { +// background: url("@{webicons-url}webicon-pinterest-s.png"); } -.svg .webicon.pinterest { - background: url("@{webicons-url}webicon-pinterest.svg"); } +// .svg .webicon.pinterest { +// background: url("@{webicons-url}webicon-pinterest.svg"); } -.no-svg .webicon.pocketapp { - background: url("@{webicons-url}webicon-pocketapp-m.png"); } +// .no-svg .webicon.pocketapp { +// background: url("@{webicons-url}webicon-pocketapp-m.png"); } -.no-svg .webicon.pocketapp.large { - background: url("@{webicons-url}webicon-pocketapp.png"); } +// .no-svg .webicon.pocketapp.large { +// background: url("@{webicons-url}webicon-pocketapp.png"); } -.no-svg .webicon.pocketapp.small { - background: url("@{webicons-url}webicon-pocketapp-s.png"); } +// .no-svg .webicon.pocketapp.small { +// background: url("@{webicons-url}webicon-pocketapp-s.png"); } -.svg .webicon.pocketapp { - background: url("@{webicons-url}webicon-pocketapp.svg"); } +// .svg .webicon.pocketapp { +// background: url("@{webicons-url}webicon-pocketapp.svg"); } -.no-svg .webicon.potluck { - background: url("@{webicons-url}webicon-potluck-m.png"); } +// .no-svg .webicon.potluck { +// background: url("@{webicons-url}webicon-potluck-m.png"); } -.no-svg .webicon.potluck.large { - background: url("@{webicons-url}webicon-potluck.png"); } +// .no-svg .webicon.potluck.large { +// background: url("@{webicons-url}webicon-potluck.png"); } -.no-svg .webicon.potluck.small { - background: url("@{webicons-url}webicon-potluck-s.png"); } +// .no-svg .webicon.potluck.small { +// background: url("@{webicons-url}webicon-potluck-s.png"); } -.svg .webicon.potluck { - background: url("@{webicons-url}webicon-potluck.svg"); } +// .svg .webicon.potluck { +// background: url("@{webicons-url}webicon-potluck.svg"); } -.no-svg .webicon.quora { - background: url("@{webicons-url}webicon-quora-m.png"); } +// .no-svg .webicon.quora { +// background: url("@{webicons-url}webicon-quora-m.png"); } -.no-svg .webicon.quora.large { - background: url("@{webicons-url}webicon-quora.png"); } +// .no-svg .webicon.quora.large { +// background: url("@{webicons-url}webicon-quora.png"); } -.no-svg .webicon.quora.small { - background: url("@{webicons-url}webicon-quora-s.png"); } +// .no-svg .webicon.quora.small { +// background: url("@{webicons-url}webicon-quora-s.png"); } -.svg .webicon.quora { - background: url("@{webicons-url}webicon-quora.svg"); } +// .svg .webicon.quora { +// background: url("@{webicons-url}webicon-quora.svg"); } -.no-svg .webicon.orkut { - background: url("@{webicons-url}webicon-orkut-m.png"); } +// .no-svg .webicon.orkut { +// background: url("@{webicons-url}webicon-orkut-m.png"); } -.no-svg .webicon.orkut.large { - background: url("@{webicons-url}webicon-orkut.png"); } +// .no-svg .webicon.orkut.large { +// background: url("@{webicons-url}webicon-orkut.png"); } -.no-svg .webicon.orkut.small { - background: url("@{webicons-url}webicon-orkut-s.png"); } +// .no-svg .webicon.orkut.small { +// background: url("@{webicons-url}webicon-orkut-s.png"); } -.svg .webicon.orkut { - background: url("@{webicons-url}webicon-orkut.svg"); } +// .svg .webicon.orkut { +// background: url("@{webicons-url}webicon-orkut.svg"); } -.no-svg .webicon.mercurial { - background: url("@{webicons-url}webicon-mercurial-m.png"); } +// .no-svg .webicon.mercurial { +// background: url("@{webicons-url}webicon-mercurial-m.png"); } -.no-svg .webicon.mercurial.large { - background: url("@{webicons-url}webicon-mercurial.png"); } +// .no-svg .webicon.mercurial.large { +// background: url("@{webicons-url}webicon-mercurial.png"); } -.no-svg .webicon.mercurial.small { - background: url("@{webicons-url}webicon-mercurial-s.png"); } +// .no-svg .webicon.mercurial.small { +// background: url("@{webicons-url}webicon-mercurial-s.png"); } -.svg .webicon.mercurial { - background: url("@{webicons-url}webicon-mercurial.svg"); } +// .svg .webicon.mercurial { +// background: url("@{webicons-url}webicon-mercurial.svg"); } -.no-svg .webicon.rdio { - background: url("@{webicons-url}webicon-rdio-m.png"); } +// .no-svg .webicon.rdio { +// background: url("@{webicons-url}webicon-rdio-m.png"); } -.no-svg .webicon.rdio.large { - background: url("@{webicons-url}webicon-rdio.png"); } +// .no-svg .webicon.rdio.large { +// background: url("@{webicons-url}webicon-rdio.png"); } -.no-svg .webicon.rdio.small { - background: url("@{webicons-url}webicon-rdio-s.png"); } +// .no-svg .webicon.rdio.small { +// background: url("@{webicons-url}webicon-rdio-s.png"); } -.svg .webicon.rdio { - background: url("@{webicons-url}webicon-rdio.svg"); } +// .svg .webicon.rdio { +// background: url("@{webicons-url}webicon-rdio.svg"); } -.no-svg .webicon.reddit { - background: url("@{webicons-url}webicon-reddit-m.png"); } +// .no-svg .webicon.reddit { +// background: url("@{webicons-url}webicon-reddit-m.png"); } -.no-svg .webicon.reddit.large { - background: url("@{webicons-url}webicon-reddit.png"); } +// .no-svg .webicon.reddit.large { +// background: url("@{webicons-url}webicon-reddit.png"); } -.no-svg .webicon.reddit.small { - background: url("@{webicons-url}webicon-reddit-s.png"); } +// .no-svg .webicon.reddit.small { +// background: url("@{webicons-url}webicon-reddit-s.png"); } -.svg .webicon.reddit { - background: url("@{webicons-url}webicon-reddit.svg"); } +// .svg .webicon.reddit { +// background: url("@{webicons-url}webicon-reddit.svg"); } -.no-svg .webicon.renren { - background: url("@{webicons-url}webicon-renren-m.png"); } +// .no-svg .webicon.renren { +// background: url("@{webicons-url}webicon-renren-m.png"); } -.no-svg .webicon.renren.large { - background: url("@{webicons-url}webicon-renren.png"); } +// .no-svg .webicon.renren.large { +// background: url("@{webicons-url}webicon-renren.png"); } -.no-svg .webicon.renren.small { - background: url("@{webicons-url}webicon-renren-s.png"); } +// .no-svg .webicon.renren.small { +// background: url("@{webicons-url}webicon-renren-s.png"); } -.svg .webicon.renren { - background: url("@{webicons-url}webicon-renren.svg"); } +// .svg .webicon.renren { +// background: url("@{webicons-url}webicon-renren.svg"); } -.no-svg .webicon.rss { - background: url("@{webicons-url}webicon-rss-m.png"); } +// .no-svg .webicon.rss { +// background: url("@{webicons-url}webicon-rss-m.png"); } -.no-svg .webicon.rss.large { - background: url("@{webicons-url}webicon-rss.png"); } +// .no-svg .webicon.rss.large { +// background: url("@{webicons-url}webicon-rss.png"); } -.no-svg .webicon.rss.small { - background: url("@{webicons-url}webicon-rss-s.png"); } +// .no-svg .webicon.rss.small { +// background: url("@{webicons-url}webicon-rss-s.png"); } -.svg .webicon.rss { - background: url("@{webicons-url}webicon-rss.svg"); } +// .svg .webicon.rss { +// background: url("@{webicons-url}webicon-rss.svg"); } -.no-svg .webicon.skitch { - background: url("@{webicons-url}webicon-skitch-m.png"); } +// .no-svg .webicon.skitch { +// background: url("@{webicons-url}webicon-skitch-m.png"); } -.no-svg .webicon.skitch.large { - background: url("@{webicons-url}webicon-skitch.png"); } +// .no-svg .webicon.skitch.large { +// background: url("@{webicons-url}webicon-skitch.png"); } -.no-svg .webicon.skitch.small { - background: url("@{webicons-url}webicon-skitch-s.png"); } +// .no-svg .webicon.skitch.small { +// background: url("@{webicons-url}webicon-skitch-s.png"); } -.svg .webicon.skitch { - background: url("@{webicons-url}webicon-skitch.svg"); } +// .svg .webicon.skitch { +// background: url("@{webicons-url}webicon-skitch.svg"); } -.no-svg .webicon.skype { - background: url("@{webicons-url}webicon-skype-m.png"); } +// .no-svg .webicon.skype { +// background: url("@{webicons-url}webicon-skype-m.png"); } -.no-svg .webicon.skype.large { - background: url("@{webicons-url}webicon-skype.png"); } +// .no-svg .webicon.skype.large { +// background: url("@{webicons-url}webicon-skype.png"); } -.no-svg .webicon.skype.small { - background: url("@{webicons-url}webicon-skype-s.png"); } +// .no-svg .webicon.skype.small { +// background: url("@{webicons-url}webicon-skype-s.png"); } -.svg .webicon.skype { - background: url("@{webicons-url}webicon-skype.svg"); } +// .svg .webicon.skype { +// background: url("@{webicons-url}webicon-skype.svg"); } -.no-svg .webicon.soundcloud { - background: url("@{webicons-url}webicon-soundcloud-m.png"); } +// .no-svg .webicon.soundcloud { +// background: url("@{webicons-url}webicon-soundcloud-m.png"); } -.no-svg .webicon.soundcloud.large { - background: url("@{webicons-url}webicon-soundcloud.png"); } +// .no-svg .webicon.soundcloud.large { +// background: url("@{webicons-url}webicon-soundcloud.png"); } -.no-svg .webicon.soundcloud.small { - background: url("@{webicons-url}webicon-soundcloud-s.png"); } +// .no-svg .webicon.soundcloud.small { +// background: url("@{webicons-url}webicon-soundcloud-s.png"); } -.svg .webicon.soundcloud { - background: url("@{webicons-url}webicon-soundcloud.svg"); } +// .svg .webicon.soundcloud { +// background: url("@{webicons-url}webicon-soundcloud.svg"); } -.no-svg .webicon.spotify { - background: url("@{webicons-url}webicon-spotify-m.png"); } +// .no-svg .webicon.spotify { +// background: url("@{webicons-url}webicon-spotify-m.png"); } -.no-svg .webicon.spotify.large { - background: url("@{webicons-url}webicon-spotify.png"); } +// .no-svg .webicon.spotify.large { +// background: url("@{webicons-url}webicon-spotify.png"); } -.no-svg .webicon.spotify.small { - background: url("@{webicons-url}webicon-spotify-s.png"); } +// .no-svg .webicon.spotify.small { +// background: url("@{webicons-url}webicon-spotify-s.png"); } -.svg .webicon.spotify { - background: url("@{webicons-url}webicon-spotify.svg"); } +// .svg .webicon.spotify { +// background: url("@{webicons-url}webicon-spotify.svg"); } -.no-svg .webicon.stackoverflow { - background: url("@{webicons-url}webicon-stackoverflow-m.png"); } +// .no-svg .webicon.stackoverflow { +// background: url("@{webicons-url}webicon-stackoverflow-m.png"); } -.no-svg .webicon.stackoverflow.large { - background: url("@{webicons-url}webicon-stackoverflow.png"); } +// .no-svg .webicon.stackoverflow.large { +// background: url("@{webicons-url}webicon-stackoverflow.png"); } -.no-svg .webicon.stackoverflow.small { - background: url("@{webicons-url}webicon-stackoverflow-s.png"); } +// .no-svg .webicon.stackoverflow.small { +// background: url("@{webicons-url}webicon-stackoverflow-s.png"); } -.svg .webicon.stackoverflow { - background: url("@{webicons-url}webicon-stackoverflow.svg"); } +// .svg .webicon.stackoverflow { +// background: url("@{webicons-url}webicon-stackoverflow.svg"); } -.no-svg .webicon.stumbleupon { - background: url("@{webicons-url}webicon-stumbleupon-m.png"); } +// .no-svg .webicon.stumbleupon { +// background: url("@{webicons-url}webicon-stumbleupon-m.png"); } -.no-svg .webicon.stumbleupon.large { - background: url("@{webicons-url}webicon-stumbleupon.png"); } +// .no-svg .webicon.stumbleupon.large { +// background: url("@{webicons-url}webicon-stumbleupon.png"); } -.no-svg .webicon.stumbleupon.small { - background: url("@{webicons-url}webicon-stumbleupon-s.png"); } +// .no-svg .webicon.stumbleupon.small { +// background: url("@{webicons-url}webicon-stumbleupon-s.png"); } -.svg .webicon.stumbleupon { - background: url("@{webicons-url}webicon-stumbleupon.svg"); } +// .svg .webicon.stumbleupon { +// background: url("@{webicons-url}webicon-stumbleupon.svg"); } -.no-svg .webicon.svn { - background: url("@{webicons-url}webicon-svn-m.png"); } +// .no-svg .webicon.svn { +// background: url("@{webicons-url}webicon-svn-m.png"); } -.no-svg .webicon.svn.large { - background: url("@{webicons-url}webicon-svn.png"); } +// .no-svg .webicon.svn.large { +// background: url("@{webicons-url}webicon-svn.png"); } -.no-svg .webicon.svn.small { - background: url("@{webicons-url}webicon-svn-s.png"); } +// .no-svg .webicon.svn.small { +// background: url("@{webicons-url}webicon-svn-s.png"); } -.svg .webicon.svn { - background: url("@{webicons-url}webicon-svn.svg"); } +// .svg .webicon.svn { +// background: url("@{webicons-url}webicon-svn.svg"); } -.no-svg .webicon.tent { - background: url("@{webicons-url}webicon-tent-m.png"); } +// .no-svg .webicon.tent { +// background: url("@{webicons-url}webicon-tent-m.png"); } -.no-svg .webicon.tent.large { - background: url("@{webicons-url}webicon-tent.png"); } +// .no-svg .webicon.tent.large { +// background: url("@{webicons-url}webicon-tent.png"); } -.no-svg .webicon.tent.small { - background: url("@{webicons-url}webicon-tent-s.png"); } +// .no-svg .webicon.tent.small { +// background: url("@{webicons-url}webicon-tent-s.png"); } -.svg .webicon.tent { - background: url("@{webicons-url}webicon-tent.svg"); } +// .svg .webicon.tent { +// background: url("@{webicons-url}webicon-tent.svg"); } -.no-svg .webicon.tripadvisor { - background: url("@{webicons-url}webicon-tripadvisor-m.png"); } +// .no-svg .webicon.tripadvisor { +// background: url("@{webicons-url}webicon-tripadvisor-m.png"); } -.no-svg .webicon.tripadvisor.large { - background: url("@{webicons-url}webicon-tripadvisor.png"); } +// .no-svg .webicon.tripadvisor.large { +// background: url("@{webicons-url}webicon-tripadvisor.png"); } -.no-svg .webicon.tripadvisor.small { - background: url("@{webicons-url}webicon-tripadvisor-s.png"); } +// .no-svg .webicon.tripadvisor.small { +// background: url("@{webicons-url}webicon-tripadvisor-s.png"); } -.svg .webicon.tripadvisor { - background: url("@{webicons-url}webicon-tripadvisor.svg"); } +// .svg .webicon.tripadvisor { +// background: url("@{webicons-url}webicon-tripadvisor.svg"); } -.no-svg .webicon.tumblr { - background: url("@{webicons-url}webicon-tumblr-m.png"); } +// .no-svg .webicon.tumblr { +// background: url("@{webicons-url}webicon-tumblr-m.png"); } -.no-svg .webicon.tumblr.large { - background: url("@{webicons-url}webicon-tumblr.png"); } +// .no-svg .webicon.tumblr.large { +// background: url("@{webicons-url}webicon-tumblr.png"); } -.no-svg .webicon.tumblr.small { - background: url("@{webicons-url}webicon-tumblr-s.png"); } +// .no-svg .webicon.tumblr.small { +// background: url("@{webicons-url}webicon-tumblr-s.png"); } -.svg .webicon.tumblr { - background: url("@{webicons-url}webicon-tumblr.svg"); } +// .svg .webicon.tumblr { +// background: url("@{webicons-url}webicon-tumblr.svg"); } -.no-svg .webicon.twitter { - background: url("@{webicons-url}webicon-twitter-m.png"); } +// .no-svg .webicon.twitter { +// background: url("@{webicons-url}webicon-twitter-m.png"); } -.no-svg .webicon.twitter.large { - background: url("@{webicons-url}webicon-twitter.png"); } +// .no-svg .webicon.twitter.large { +// background: url("@{webicons-url}webicon-twitter.png"); } -.no-svg .webicon.twitter.small { - background: url("@{webicons-url}webicon-twitter-s.png"); } +// .no-svg .webicon.twitter.small { +// background: url("@{webicons-url}webicon-twitter-s.png"); } -.svg .webicon.twitter { - background: url("@{webicons-url}webicon-twitter.svg"); } +// .svg .webicon.twitter { +// background: url("@{webicons-url}webicon-twitter.svg"); } -.no-svg .webicon.viadeo { - background: url("@{webicons-url}webicon-viadeo-m.png"); } +// .no-svg .webicon.viadeo { +// background: url("@{webicons-url}webicon-viadeo-m.png"); } -.no-svg .webicon.viadeo.large { - background: url("@{webicons-url}webicon-viadeo.png"); } +// .no-svg .webicon.viadeo.large { +// background: url("@{webicons-url}webicon-viadeo.png"); } -.no-svg .webicon.viadeo.small { - background: url("@{webicons-url}webicon-viadeo-s.png"); } +// .no-svg .webicon.viadeo.small { +// background: url("@{webicons-url}webicon-viadeo-s.png"); } -.svg .webicon.viadeo { - background: url("@{webicons-url}webicon-viadeo.svg"); } +// .svg .webicon.viadeo { +// background: url("@{webicons-url}webicon-viadeo.svg"); } -.no-svg .webicon.vimeo { - background: url("@{webicons-url}webicon-vimeo-m.png"); } +// .no-svg .webicon.vimeo { +// background: url("@{webicons-url}webicon-vimeo-m.png"); } -.no-svg .webicon.vimeo.large { - background: url("@{webicons-url}webicon-vimeo.png"); } +// .no-svg .webicon.vimeo.large { +// background: url("@{webicons-url}webicon-vimeo.png"); } -.no-svg .webicon.vimeo.small { - background: url("@{webicons-url}webicon-vimeo-s.png"); } +// .no-svg .webicon.vimeo.small { +// background: url("@{webicons-url}webicon-vimeo-s.png"); } -.svg .webicon.vimeo { - background: url("@{webicons-url}webicon-vimeo.svg"); } +// .svg .webicon.vimeo { +// background: url("@{webicons-url}webicon-vimeo.svg"); } -.no-svg .webicon.weibo { - background: url("@{webicons-url}webicon-weibo-m.png"); } +// .no-svg .webicon.weibo { +// background: url("@{webicons-url}webicon-weibo-m.png"); } -.no-svg .webicon.weibo.large { - background: url("@{webicons-url}webicon-weibo.png"); } +// .no-svg .webicon.weibo.large { +// background: url("@{webicons-url}webicon-weibo.png"); } -.no-svg .webicon.weibo.small { - background: url("@{webicons-url}webicon-weibo-s.png"); } +// .no-svg .webicon.weibo.small { +// background: url("@{webicons-url}webicon-weibo-s.png"); } -.svg .webicon.weibo { - background: url("@{webicons-url}webicon-weibo.svg"); } +// .svg .webicon.weibo { +// background: url("@{webicons-url}webicon-weibo.svg"); } -.no-svg .webicon.windows { - background: url("@{webicons-url}webicon-windows-m.png"); } +// .no-svg .webicon.windows { +// background: url("@{webicons-url}webicon-windows-m.png"); } -.no-svg .webicon.windows.large { - background: url("@{webicons-url}webicon-windows.png"); } +// .no-svg .webicon.windows.large { +// background: url("@{webicons-url}webicon-windows.png"); } -.no-svg .webicon.windows.small { - background: url("@{webicons-url}webicon-windows-s.png"); } +// .no-svg .webicon.windows.small { +// background: url("@{webicons-url}webicon-windows-s.png"); } -.svg .webicon.windows { - background: url("@{webicons-url}webicon-windows.svg"); } +// .svg .webicon.windows { +// background: url("@{webicons-url}webicon-windows.svg"); } -.no-svg .webicon.wordpress { - background: url("@{webicons-url}webicon-wordpress-m.png"); } +// .no-svg .webicon.wordpress { +// background: url("@{webicons-url}webicon-wordpress-m.png"); } -.no-svg .webicon.wordpress.large { - background: url("@{webicons-url}webicon-wordpress.png"); } +// .no-svg .webicon.wordpress.large { +// background: url("@{webicons-url}webicon-wordpress.png"); } -.no-svg .webicon.wordpress.small { - background: url("@{webicons-url}webicon-wordpress-s.png"); } +// .no-svg .webicon.wordpress.small { +// background: url("@{webicons-url}webicon-wordpress-s.png"); } -.svg .webicon.wordpress { - background: url("@{webicons-url}webicon-wordpress.svg"); } +// .svg .webicon.wordpress { +// background: url("@{webicons-url}webicon-wordpress.svg"); } -.no-svg .webicon.xing { - background: url("@{webicons-url}webicon-xing-m.png"); } +// .no-svg .webicon.xing { +// background: url("@{webicons-url}webicon-xing-m.png"); } -.no-svg .webicon.xing.large { - background: url("@{webicons-url}webicon-xing.png"); } +// .no-svg .webicon.xing.large { +// background: url("@{webicons-url}webicon-xing.png"); } -.no-svg .webicon.xing.small { - background: url("@{webicons-url}webicon-xing-s.png"); } +// .no-svg .webicon.xing.small { +// background: url("@{webicons-url}webicon-xing-s.png"); } -.svg .webicon.xing { - background: url("@{webicons-url}webicon-xing.svg"); } +// .svg .webicon.xing { +// background: url("@{webicons-url}webicon-xing.svg"); } -.no-svg .webicon.yahoo { - background: url("@{webicons-url}webicon-yahoo-m.png"); } +// .no-svg .webicon.yahoo { +// background: url("@{webicons-url}webicon-yahoo-m.png"); } -.no-svg .webicon.yahoo.large { - background: url("@{webicons-url}webicon-yahoo.png"); } +// .no-svg .webicon.yahoo.large { +// background: url("@{webicons-url}webicon-yahoo.png"); } -.no-svg .webicon.yahoo.small { - background: url("@{webicons-url}webicon-yahoo-s.png"); } +// .no-svg .webicon.yahoo.small { +// background: url("@{webicons-url}webicon-yahoo-s.png"); } -.svg .webicon.yahoo { - background: url("@{webicons-url}webicon-yahoo.svg"); } +// .svg .webicon.yahoo { +// background: url("@{webicons-url}webicon-yahoo.svg"); } -.no-svg .webicon.yelp { - background: url("@{webicons-url}webicon-yelp-m.png"); } +// .no-svg .webicon.yelp { +// background: url("@{webicons-url}webicon-yelp-m.png"); } -.no-svg .webicon.yelp.large { - background: url("@{webicons-url}webicon-yelp.png"); } +// .no-svg .webicon.yelp.large { +// background: url("@{webicons-url}webicon-yelp.png"); } -.no-svg .webicon.yelp.small { - background: url("@{webicons-url}webicon-yelp-s.png"); } +// .no-svg .webicon.yelp.small { +// background: url("@{webicons-url}webicon-yelp-s.png"); } -.svg .webicon.yelp { - background: url("@{webicons-url}webicon-yelp.svg"); } +// .svg .webicon.yelp { +// background: url("@{webicons-url}webicon-yelp.svg"); } -.no-svg .webicon.youtube { - background: url("@{webicons-url}webicon-youtube-m.png"); } +// .no-svg .webicon.youtube { +// background: url("@{webicons-url}webicon-youtube-m.png"); } -.no-svg .webicon.youtube.large { - background: url("@{webicons-url}webicon-youtube.png"); } +// .no-svg .webicon.youtube.large { +// background: url("@{webicons-url}webicon-youtube.png"); } -.no-svg .webicon.youtube.small { - background: url("@{webicons-url}webicon-youtube-s.png"); } +// .no-svg .webicon.youtube.small { +// background: url("@{webicons-url}webicon-youtube-s.png"); } -.svg .webicon.youtube { - background: url("@{webicons-url}webicon-youtube.svg"); } +// .svg .webicon.youtube { +// background: url("@{webicons-url}webicon-youtube.svg"); } -.no-svg .webicon.youversion { - background: url("@{webicons-url}webicon-youversion-m.png"); } +// .no-svg .webicon.youversion { +// background: url("@{webicons-url}webicon-youversion-m.png"); } -.no-svg .webicon.youversion.large { - background: url("@{webicons-url}webicon-youversion.png"); } +// .no-svg .webicon.youversion.large { +// background: url("@{webicons-url}webicon-youversion.png"); } -.no-svg .webicon.youversion.small { - background: url("@{webicons-url}webicon-youversion-s.png"); } +// .no-svg .webicon.youversion.small { +// background: url("@{webicons-url}webicon-youversion-s.png"); } -.svg .webicon.youversion { - background: url("@{webicons-url}webicon-youversion.svg"); } +// .svg .webicon.youversion { +// background: url("@{webicons-url}webicon-youversion.svg"); } -.no-svg .webicon.zerply { - background: url("@{webicons-url}webicon-zerply-m.png"); } +// .no-svg .webicon.zerply { +// background: url("@{webicons-url}webicon-zerply-m.png"); } -.no-svg .webicon.zerply.large { - background: url("@{webicons-url}webicon-zerply.png"); } +// .no-svg .webicon.zerply.large { +// background: url("@{webicons-url}webicon-zerply.png"); } -.no-svg .webicon.zerply.small { - background: url("@{webicons-url}webicon-zerply-s.png"); } +// .no-svg .webicon.zerply.small { +// background: url("@{webicons-url}webicon-zerply-s.png"); } -.svg .webicon.zerply { - background: url("@{webicons-url}webicon-zerply.svg"); } +// .svg .webicon.zerply { +// background: url("@{webicons-url}webicon-zerply.svg"); } From 3fa79bb51c9aeb3a9454b3bc254b9513016b876a Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 17:14:06 +0200 Subject: [PATCH 13/16] Create loop-string mixin to generate all icons --- webicons.less | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/webicons.less b/webicons.less index c9723a1..14d0187 100644 --- a/webicons.less +++ b/webicons.less @@ -1,9 +1,9 @@ /* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */ -.webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } -.webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } -.webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } -.webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +// .webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } +// .webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } +// .webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } +// .webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } // Include or remove the icons you want to use on your site from this list. @webicons-icons: ~"f500px", ~"aboutme", ~"adn", ~"android", ~"apple", ~"behance", ~"bitbucket", ~"blogger", ~"branch", ~"coderwall", ~"creativecloud", ~"dribbble", ~"dropbox", ~"evernote", ~"fairheadcreative", ~"facebook", ~"flickr", ~"foursquare", ~"git", ~"github", ~"goodreads", ~"google", ~"googleplay", ~"googleplus", ~"hangouts", ~"html5", ~"icloud", ~"indiegogo", ~"instagram", ~"instapaper", ~"kickstarter", ~"klout", ~"lastfm", ~"linkedin", ~"mail", ~"medium", ~"mixi", ~"msn", ~"openid", ~"picasa", ~"pinterest", ~"pocketapp", ~"potluck", ~"quora", ~"orkut", ~"mercurial", ~"rdio", ~"reddit", ~"renren", ~"rss", ~"skitch", ~"skype", ~"soundcloud", ~"spotify", ~"stackoverflow", ~"stumbleupon", ~"svn", ~"tent", ~"tripadvisor", ~"tumblr", ~"twitter", ~"viadeo", ~"vimeo", ~"weibo", ~"windows", ~"wordpress", ~"xing", ~"yahoo", ~"yelp", ~"youtube", ~"youversion", ~"zerply"; @@ -11,6 +11,18 @@ // Specify the path to the webicons directory here. Include trailing slash. @webicons-url: "webicons/"; +.loop-strings(@list, @index: 1) when (isstring(extract(@list, @index))) { + @webicons-icon: extract(@list, @index); + + .no-svg .webicon.@{webicons-icon} { background: url("@{webicons-url}webicon-@{webicons-icon}-m.png"); } + .no-svg .webicon.@{webicons-icon}.large { background: url("@{webicons-url}webicon-@{webicons-icon}.png"); } + .no-svg .webicon.@{webicons-icon}.small { background: url("@{webicons-url}webicon-@{webicons-icon}-s.png"); } + .svg .webicon.@{webicons-icon} { background: url("@{webicons-url}webicon-@{webicons-icon}.svg"); } + + .loop-strings(@list, (@index + 1)); +} +.loop-strings(@webicons-icons); + // .no-svg .webicon.f500px { // background: url("@{webicons-url}webicon-f500px-m.png"); } From ae7cf17b9b936aa87ab0b862c397e4f62a085278 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Wed, 2 Oct 2013 17:18:35 +0200 Subject: [PATCH 14/16] Delete obsolete code --- webicons.less | 874 +------------------------------------------------- 1 file changed, 5 insertions(+), 869 deletions(-) diff --git a/webicons.less b/webicons.less index 14d0187..b6b1a24 100644 --- a/webicons.less +++ b/webicons.less @@ -1,9 +1,9 @@ /* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */ -// .webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } -// .webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } -// .webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } -// .webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +.webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; } +.webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); } +.webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } +.webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } // Include or remove the icons you want to use on your site from this list. @webicons-icons: ~"f500px", ~"aboutme", ~"adn", ~"android", ~"apple", ~"behance", ~"bitbucket", ~"blogger", ~"branch", ~"coderwall", ~"creativecloud", ~"dribbble", ~"dropbox", ~"evernote", ~"fairheadcreative", ~"facebook", ~"flickr", ~"foursquare", ~"git", ~"github", ~"goodreads", ~"google", ~"googleplay", ~"googleplus", ~"hangouts", ~"html5", ~"icloud", ~"indiegogo", ~"instagram", ~"instapaper", ~"kickstarter", ~"klout", ~"lastfm", ~"linkedin", ~"mail", ~"medium", ~"mixi", ~"msn", ~"openid", ~"picasa", ~"pinterest", ~"pocketapp", ~"potluck", ~"quora", ~"orkut", ~"mercurial", ~"rdio", ~"reddit", ~"renren", ~"rss", ~"skitch", ~"skype", ~"soundcloud", ~"spotify", ~"stackoverflow", ~"stumbleupon", ~"svn", ~"tent", ~"tripadvisor", ~"tumblr", ~"twitter", ~"viadeo", ~"vimeo", ~"weibo", ~"windows", ~"wordpress", ~"xing", ~"yahoo", ~"yelp", ~"youtube", ~"youversion", ~"zerply"; @@ -21,868 +21,4 @@ .loop-strings(@list, (@index + 1)); } -.loop-strings(@webicons-icons); - -// .no-svg .webicon.f500px { -// background: url("@{webicons-url}webicon-f500px-m.png"); } - -// .no-svg .webicon.f500px.large { -// background: url("@{webicons-url}webicon-f500px.png"); } - -// .no-svg .webicon.f500px.small { -// background: url("@{webicons-url}webicon-f500px-s.png"); } - -// .svg .webicon.f500px { -// background: url("@{webicons-url}webicon-f500px.svg"); } - -// .no-svg .webicon.aboutme { -// background: url("@{webicons-url}webicon-aboutme-m.png"); } - -// .no-svg .webicon.aboutme.large { -// background: url("@{webicons-url}webicon-aboutme.png"); } - -// .no-svg .webicon.aboutme.small { -// background: url("@{webicons-url}webicon-aboutme-s.png"); } - -// .svg .webicon.aboutme { -// background: url("@{webicons-url}webicon-aboutme.svg"); } - -// .no-svg .webicon.adn { -// background: url("@{webicons-url}webicon-adn-m.png"); } - -// .no-svg .webicon.adn.large { -// background: url("@{webicons-url}webicon-adn.png"); } - -// .no-svg .webicon.adn.small { -// background: url("@{webicons-url}webicon-adn-s.png"); } - -// .svg .webicon.adn { -// background: url("@{webicons-url}webicon-adn.svg"); } - -// .no-svg .webicon.android { -// background: url("@{webicons-url}webicon-android-m.png"); } - -// .no-svg .webicon.android.large { -// background: url("@{webicons-url}webicon-android.png"); } - -// .no-svg .webicon.android.small { -// background: url("@{webicons-url}webicon-android-s.png"); } - -// .svg .webicon.android { -// background: url("@{webicons-url}webicon-android.svg"); } - -// .no-svg .webicon.apple { -// background: url("@{webicons-url}webicon-apple-m.png"); } - -// .no-svg .webicon.apple.large { -// background: url("@{webicons-url}webicon-apple.png"); } - -// .no-svg .webicon.apple.small { -// background: url("@{webicons-url}webicon-apple-s.png"); } - -// .svg .webicon.apple { -// background: url("@{webicons-url}webicon-apple.svg"); } - -// .no-svg .webicon.behance { -// background: url("@{webicons-url}webicon-behance-m.png"); } - -// .no-svg .webicon.behance.large { -// background: url("@{webicons-url}webicon-behance.png"); } - -// .no-svg .webicon.behance.small { -// background: url("@{webicons-url}webicon-behance-s.png"); } - -// .svg .webicon.behance { -// background: url("@{webicons-url}webicon-behance.svg"); } - -// .no-svg .webicon.bitbucket { -// background: url("@{webicons-url}webicon-bitbucket-m.png"); } - -// .no-svg .webicon.bitbucket.large { -// background: url("@{webicons-url}webicon-bitbucket.png"); } - -// .no-svg .webicon.bitbucket.small { -// background: url("@{webicons-url}webicon-bitbucket-s.png"); } - -// .svg .webicon.bitbucket { -// background: url("@{webicons-url}webicon-bitbucket.svg"); } - -// .no-svg .webicon.blogger { -// background: url("@{webicons-url}webicon-blogger-m.png"); } - -// .no-svg .webicon.blogger.large { -// background: url("@{webicons-url}webicon-blogger.png"); } - -// .no-svg .webicon.blogger.small { -// background: url("@{webicons-url}webicon-blogger-s.png"); } - -// .svg .webicon.blogger { -// background: url("@{webicons-url}webicon-blogger.svg"); } - -// .no-svg .webicon.branch { -// background: url("@{webicons-url}webicon-branch-m.png"); } - -// .no-svg .webicon.branch.large { -// background: url("@{webicons-url}webicon-branch.png"); } - -// .no-svg .webicon.branch.small { -// background: url("@{webicons-url}webicon-branch-s.png"); } - -// .svg .webicon.branch { -// background: url("@{webicons-url}webicon-branch.svg"); } - -// .no-svg .webicon.coderwall { -// background: url("@{webicons-url}webicon-coderwall-m.png"); } - -// .no-svg .webicon.coderwall.large { -// background: url("@{webicons-url}webicon-coderwall.png"); } - -// .no-svg .webicon.coderwall.small { -// background: url("@{webicons-url}webicon-coderwall-s.png"); } - -// .svg .webicon.coderwall { -// background: url("@{webicons-url}webicon-coderwall.svg"); } - -// .no-svg .webicon.creativecloud { -// background: url("@{webicons-url}webicon-creativecloud-m.png"); } - -// .no-svg .webicon.creativecloud.large { -// background: url("@{webicons-url}webicon-creativecloud.png"); } - -// .no-svg .webicon.creativecloud.small { -// background: url("@{webicons-url}webicon-creativecloud-s.png"); } - -// .svg .webicon.creativecloud { -// background: url("@{webicons-url}webicon-creativecloud.svg"); } - -// .no-svg .webicon.dribbble { -// background: url("@{webicons-url}webicon-dribbble-m.png"); } - -// .no-svg .webicon.dribbble.large { -// background: url("@{webicons-url}webicon-dribbble.png"); } - -// .no-svg .webicon.dribbble.small { -// background: url("@{webicons-url}webicon-dribbble-s.png"); } - -// .svg .webicon.dribbble { -// background: url("@{webicons-url}webicon-dribbble.svg"); } - -// .no-svg .webicon.dropbox { -// background: url("@{webicons-url}webicon-dropbox-m.png"); } - -// .no-svg .webicon.dropbox.large { -// background: url("@{webicons-url}webicon-dropbox.png"); } - -// .no-svg .webicon.dropbox.small { -// background: url("@{webicons-url}webicon-dropbox-s.png"); } - -// .svg .webicon.dropbox { -// background: url("@{webicons-url}webicon-dropbox.svg"); } - -// .no-svg .webicon.evernote { -// background: url("@{webicons-url}webicon-evernote-m.png"); } - -// .no-svg .webicon.evernote.large { -// background: url("@{webicons-url}webicon-evernote.png"); } - -// .no-svg .webicon.evernote.small { -// background: url("@{webicons-url}webicon-evernote-s.png"); } - -// .svg .webicon.evernote { -// background: url("@{webicons-url}webicon-evernote.svg"); } - -// .no-svg .webicon.fairheadcreative { -// background: url("@{webicons-url}webicon-fairheadcreative-m.png"); } - -// .no-svg .webicon.fairheadcreative.large { -// background: url("@{webicons-url}webicon-fairheadcreative.png"); } - -// .no-svg .webicon.fairheadcreative.small { -// background: url("@{webicons-url}webicon-fairheadcreative-s.png"); } - -// .svg .webicon.fairheadcreative { -// background: url("@{webicons-url}webicon-fairheadcreative.svg"); } - -// .no-svg .webicon.facebook { -// background: url("@{webicons-url}webicon-facebook-m.png"); } - -// .no-svg .webicon.facebook.large { -// background: url("@{webicons-url}webicon-facebook.png"); } - -// .no-svg .webicon.facebook.small { -// background: url("@{webicons-url}webicon-facebook-s.png"); } - -// .svg .webicon.facebook { -// background: url("@{webicons-url}webicon-facebook.svg"); } - -// .no-svg .webicon.flickr { -// background: url("@{webicons-url}webicon-flickr-m.png"); } - -// .no-svg .webicon.flickr.large { -// background: url("@{webicons-url}webicon-flickr.png"); } - -// .no-svg .webicon.flickr.small { -// background: url("@{webicons-url}webicon-flickr-s.png"); } - -// .svg .webicon.flickr { -// background: url("@{webicons-url}webicon-flickr.svg"); } - -// .no-svg .webicon.foursquare { -// background: url("@{webicons-url}webicon-foursquare-m.png"); } - -// .no-svg .webicon.foursquare.large { -// background: url("@{webicons-url}webicon-foursquare.png"); } - -// .no-svg .webicon.foursquare.small { -// background: url("@{webicons-url}webicon-foursquare-s.png"); } - -// .svg .webicon.foursquare { -// background: url("@{webicons-url}webicon-foursquare.svg"); } - -// .no-svg .webicon.git { -// background: url("@{webicons-url}webicon-git-m.png"); } - -// .no-svg .webicon.git.large { -// background: url("@{webicons-url}webicon-git.png"); } - -// .no-svg .webicon.git.small { -// background: url("@{webicons-url}webicon-git-s.png"); } - -// .svg .webicon.git { -// background: url("@{webicons-url}webicon-git.svg"); } - -// .no-svg .webicon.github { -// background: url("@{webicons-url}webicon-github-m.png"); } - -// .no-svg .webicon.github.large { -// background: url("@{webicons-url}webicon-github.png"); } - -// .no-svg .webicon.github.small { -// background: url("@{webicons-url}webicon-github-s.png"); } - -// .svg .webicon.github { -// background: url("@{webicons-url}webicon-github.svg"); } - -// .no-svg .webicon.goodreads { -// background: url("@{webicons-url}webicon-goodreads-m.png"); } - -// .no-svg .webicon.goodreads.large { -// background: url("@{webicons-url}webicon-goodreads.png"); } - -// .no-svg .webicon.goodreads.small { -// background: url("@{webicons-url}webicon-goodreads-s.png"); } - -// .svg .webicon.goodreads { -// background: url("@{webicons-url}webicon-goodreads.svg"); } - -// .no-svg .webicon.google { -// background: url("@{webicons-url}webicon-google-m.png"); } - -// .no-svg .webicon.google.large { -// background: url("@{webicons-url}webicon-google.png"); } - -// .no-svg .webicon.google.small { -// background: url("@{webicons-url}webicon-google-s.png"); } - -// .svg .webicon.google { -// background: url("@{webicons-url}webicon-google.svg"); } - -// .no-svg .webicon.googleplay { -// background: url("@{webicons-url}webicon-googleplay-m.png"); } - -// .no-svg .webicon.googleplay.large { -// background: url("@{webicons-url}webicon-googleplay.png"); } - -// .no-svg .webicon.googleplay.small { -// background: url("@{webicons-url}webicon-googleplay-s.png"); } - -// .svg .webicon.googleplay { -// background: url("@{webicons-url}webicon-googleplay.svg"); } - -// .no-svg .webicon.googleplus { -// background: url("@{webicons-url}webicon-googleplus-m.png"); } - -// .no-svg .webicon.googleplus.large { -// background: url("@{webicons-url}webicon-googleplus.png"); } - -// .no-svg .webicon.googleplus.small { -// background: url("@{webicons-url}webicon-googleplus-s.png"); } - -// .svg .webicon.googleplus { -// background: url("@{webicons-url}webicon-googleplus.svg"); } - -// .no-svg .webicon.hangouts { -// background: url("@{webicons-url}webicon-hangouts-m.png"); } - -// .no-svg .webicon.hangouts.large { -// background: url("@{webicons-url}webicon-hangouts.png"); } - -// .no-svg .webicon.hangouts.small { -// background: url("@{webicons-url}webicon-hangouts-s.png"); } - -// .svg .webicon.hangouts { -// background: url("@{webicons-url}webicon-hangouts.svg"); } - -// .no-svg .webicon.html5 { -// background: url("@{webicons-url}webicon-html5-m.png"); } - -// .no-svg .webicon.html5.large { -// background: url("@{webicons-url}webicon-html5.png"); } - -// .no-svg .webicon.html5.small { -// background: url("@{webicons-url}webicon-html5-s.png"); } - -// .svg .webicon.html5 { -// background: url("@{webicons-url}webicon-html5.svg"); } - -// .no-svg .webicon.icloud { -// background: url("@{webicons-url}webicon-icloud-m.png"); } - -// .no-svg .webicon.icloud.large { -// background: url("@{webicons-url}webicon-icloud.png"); } - -// .no-svg .webicon.icloud.small { -// background: url("@{webicons-url}webicon-icloud-s.png"); } - -// .svg .webicon.icloud { -// background: url("@{webicons-url}webicon-icloud.svg"); } - -// .no-svg .webicon.indiegogo { -// background: url("@{webicons-url}webicon-indiegogo-m.png"); } - -// .no-svg .webicon.indiegogo.large { -// background: url("@{webicons-url}webicon-indiegogo.png"); } - -// .no-svg .webicon.indiegogo.small { -// background: url("@{webicons-url}webicon-indiegogo-s.png"); } - -// .svg .webicon.indiegogo { -// background: url("@{webicons-url}webicon-indiegogo.svg"); } - -// .no-svg .webicon.instagram { -// background: url("@{webicons-url}webicon-instagram-m.png"); } - -// .no-svg .webicon.instagram.large { -// background: url("@{webicons-url}webicon-instagram.png"); } - -// .no-svg .webicon.instagram.small { -// background: url("@{webicons-url}webicon-instagram-s.png"); } - -// .svg .webicon.instagram { -// background: url("@{webicons-url}webicon-instagram.svg"); } - -// .no-svg .webicon.instapaper { -// background: url("@{webicons-url}webicon-instapaper-m.png"); } - -// .no-svg .webicon.instapaper.large { -// background: url("@{webicons-url}webicon-instapaper.png"); } - -// .no-svg .webicon.instapaper.small { -// background: url("@{webicons-url}webicon-instapaper-s.png"); } - -// .svg .webicon.instapaper { -// background: url("@{webicons-url}webicon-instapaper.svg"); } - -// .no-svg .webicon.kickstarter { -// background: url("@{webicons-url}webicon-kickstarter-m.png"); } - -// .no-svg .webicon.kickstarter.large { -// background: url("@{webicons-url}webicon-kickstarter.png"); } - -// .no-svg .webicon.kickstarter.small { -// background: url("@{webicons-url}webicon-kickstarter-s.png"); } - -// .svg .webicon.kickstarter { -// background: url("@{webicons-url}webicon-kickstarter.svg"); } - -// .no-svg .webicon.klout { -// background: url("@{webicons-url}webicon-klout-m.png"); } - -// .no-svg .webicon.klout.large { -// background: url("@{webicons-url}webicon-klout.png"); } - -// .no-svg .webicon.klout.small { -// background: url("@{webicons-url}webicon-klout-s.png"); } - -// .svg .webicon.klout { -// background: url("@{webicons-url}webicon-klout.svg"); } - -// .no-svg .webicon.lastfm { -// background: url("@{webicons-url}webicon-lastfm-m.png"); } - -// .no-svg .webicon.lastfm.large { -// background: url("@{webicons-url}webicon-lastfm.png"); } - -// .no-svg .webicon.lastfm.small { -// background: url("@{webicons-url}webicon-lastfm-s.png"); } - -// .svg .webicon.lastfm { -// background: url("@{webicons-url}webicon-lastfm.svg"); } - -// .no-svg .webicon.linkedin { -// background: url("@{webicons-url}webicon-linkedin-m.png"); } - -// .no-svg .webicon.linkedin.large { -// background: url("@{webicons-url}webicon-linkedin.png"); } - -// .no-svg .webicon.linkedin.small { -// background: url("@{webicons-url}webicon-linkedin-s.png"); } - -// .svg .webicon.linkedin { -// background: url("@{webicons-url}webicon-linkedin.svg"); } - -// .no-svg .webicon.mail { -// background: url("@{webicons-url}webicon-mail-m.png"); } - -// .no-svg .webicon.mail.large { -// background: url("@{webicons-url}webicon-mail.png"); } - -// .no-svg .webicon.mail.small { -// background: url("@{webicons-url}webicon-mail-s.png"); } - -// .svg .webicon.mail { -// background: url("@{webicons-url}webicon-mail.svg"); } - -// .no-svg .webicon.medium { -// background: url("@{webicons-url}webicon-medium-m.png"); } - -// .no-svg .webicon.medium.large { -// background: url("@{webicons-url}webicon-medium.png"); } - -// .no-svg .webicon.medium.small { -// background: url("@{webicons-url}webicon-medium-s.png"); } - -// .svg .webicon.medium { -// background: url("@{webicons-url}webicon-medium.svg"); } - -// .no-svg .webicon.mixi { -// background: url("@{webicons-url}webicon-mixi-m.png"); } - -// .no-svg .webicon.mixi.large { -// background: url("@{webicons-url}webicon-mixi.png"); } - -// .no-svg .webicon.mixi.small { -// background: url("@{webicons-url}webicon-mixi-s.png"); } - -// .svg .webicon.mixi { -// background: url("@{webicons-url}webicon-mixi.svg"); } - -// .no-svg .webicon.msn { -// background: url("@{webicons-url}webicon-msn-m.png"); } - -// .no-svg .webicon.msn.large { -// background: url("@{webicons-url}webicon-msn.png"); } - -// .no-svg .webicon.msn.small { -// background: url("@{webicons-url}webicon-msn-s.png"); } - -// .svg .webicon.msn { -// background: url("@{webicons-url}webicon-msn.svg"); } - -// .no-svg .webicon.openid { -// background: url("@{webicons-url}webicon-openid-m.png"); } - -// .no-svg .webicon.openid.large { -// background: url("@{webicons-url}webicon-openid.png"); } - -// .no-svg .webicon.openid.small { -// background: url("@{webicons-url}webicon-openid-s.png"); } - -// .svg .webicon.openid { -// background: url("@{webicons-url}webicon-openid.svg"); } - -// .no-svg .webicon.picasa { -// background: url("@{webicons-url}webicon-picasa-m.png"); } - -// .no-svg .webicon.picasa.large { -// background: url("@{webicons-url}webicon-picasa.png"); } - -// .no-svg .webicon.picasa.small { -// background: url("@{webicons-url}webicon-picasa-s.png"); } - -// .svg .webicon.picasa { -// background: url("@{webicons-url}webicon-picasa.svg"); } - -// .no-svg .webicon.pinterest { -// background: url("@{webicons-url}webicon-pinterest-m.png"); } - -// .no-svg .webicon.pinterest.large { -// background: url("@{webicons-url}webicon-pinterest.png"); } - -// .no-svg .webicon.pinterest.small { -// background: url("@{webicons-url}webicon-pinterest-s.png"); } - -// .svg .webicon.pinterest { -// background: url("@{webicons-url}webicon-pinterest.svg"); } - -// .no-svg .webicon.pocketapp { -// background: url("@{webicons-url}webicon-pocketapp-m.png"); } - -// .no-svg .webicon.pocketapp.large { -// background: url("@{webicons-url}webicon-pocketapp.png"); } - -// .no-svg .webicon.pocketapp.small { -// background: url("@{webicons-url}webicon-pocketapp-s.png"); } - -// .svg .webicon.pocketapp { -// background: url("@{webicons-url}webicon-pocketapp.svg"); } - -// .no-svg .webicon.potluck { -// background: url("@{webicons-url}webicon-potluck-m.png"); } - -// .no-svg .webicon.potluck.large { -// background: url("@{webicons-url}webicon-potluck.png"); } - -// .no-svg .webicon.potluck.small { -// background: url("@{webicons-url}webicon-potluck-s.png"); } - -// .svg .webicon.potluck { -// background: url("@{webicons-url}webicon-potluck.svg"); } - -// .no-svg .webicon.quora { -// background: url("@{webicons-url}webicon-quora-m.png"); } - -// .no-svg .webicon.quora.large { -// background: url("@{webicons-url}webicon-quora.png"); } - -// .no-svg .webicon.quora.small { -// background: url("@{webicons-url}webicon-quora-s.png"); } - -// .svg .webicon.quora { -// background: url("@{webicons-url}webicon-quora.svg"); } - -// .no-svg .webicon.orkut { -// background: url("@{webicons-url}webicon-orkut-m.png"); } - -// .no-svg .webicon.orkut.large { -// background: url("@{webicons-url}webicon-orkut.png"); } - -// .no-svg .webicon.orkut.small { -// background: url("@{webicons-url}webicon-orkut-s.png"); } - -// .svg .webicon.orkut { -// background: url("@{webicons-url}webicon-orkut.svg"); } - -// .no-svg .webicon.mercurial { -// background: url("@{webicons-url}webicon-mercurial-m.png"); } - -// .no-svg .webicon.mercurial.large { -// background: url("@{webicons-url}webicon-mercurial.png"); } - -// .no-svg .webicon.mercurial.small { -// background: url("@{webicons-url}webicon-mercurial-s.png"); } - -// .svg .webicon.mercurial { -// background: url("@{webicons-url}webicon-mercurial.svg"); } - -// .no-svg .webicon.rdio { -// background: url("@{webicons-url}webicon-rdio-m.png"); } - -// .no-svg .webicon.rdio.large { -// background: url("@{webicons-url}webicon-rdio.png"); } - -// .no-svg .webicon.rdio.small { -// background: url("@{webicons-url}webicon-rdio-s.png"); } - -// .svg .webicon.rdio { -// background: url("@{webicons-url}webicon-rdio.svg"); } - -// .no-svg .webicon.reddit { -// background: url("@{webicons-url}webicon-reddit-m.png"); } - -// .no-svg .webicon.reddit.large { -// background: url("@{webicons-url}webicon-reddit.png"); } - -// .no-svg .webicon.reddit.small { -// background: url("@{webicons-url}webicon-reddit-s.png"); } - -// .svg .webicon.reddit { -// background: url("@{webicons-url}webicon-reddit.svg"); } - -// .no-svg .webicon.renren { -// background: url("@{webicons-url}webicon-renren-m.png"); } - -// .no-svg .webicon.renren.large { -// background: url("@{webicons-url}webicon-renren.png"); } - -// .no-svg .webicon.renren.small { -// background: url("@{webicons-url}webicon-renren-s.png"); } - -// .svg .webicon.renren { -// background: url("@{webicons-url}webicon-renren.svg"); } - -// .no-svg .webicon.rss { -// background: url("@{webicons-url}webicon-rss-m.png"); } - -// .no-svg .webicon.rss.large { -// background: url("@{webicons-url}webicon-rss.png"); } - -// .no-svg .webicon.rss.small { -// background: url("@{webicons-url}webicon-rss-s.png"); } - -// .svg .webicon.rss { -// background: url("@{webicons-url}webicon-rss.svg"); } - -// .no-svg .webicon.skitch { -// background: url("@{webicons-url}webicon-skitch-m.png"); } - -// .no-svg .webicon.skitch.large { -// background: url("@{webicons-url}webicon-skitch.png"); } - -// .no-svg .webicon.skitch.small { -// background: url("@{webicons-url}webicon-skitch-s.png"); } - -// .svg .webicon.skitch { -// background: url("@{webicons-url}webicon-skitch.svg"); } - -// .no-svg .webicon.skype { -// background: url("@{webicons-url}webicon-skype-m.png"); } - -// .no-svg .webicon.skype.large { -// background: url("@{webicons-url}webicon-skype.png"); } - -// .no-svg .webicon.skype.small { -// background: url("@{webicons-url}webicon-skype-s.png"); } - -// .svg .webicon.skype { -// background: url("@{webicons-url}webicon-skype.svg"); } - -// .no-svg .webicon.soundcloud { -// background: url("@{webicons-url}webicon-soundcloud-m.png"); } - -// .no-svg .webicon.soundcloud.large { -// background: url("@{webicons-url}webicon-soundcloud.png"); } - -// .no-svg .webicon.soundcloud.small { -// background: url("@{webicons-url}webicon-soundcloud-s.png"); } - -// .svg .webicon.soundcloud { -// background: url("@{webicons-url}webicon-soundcloud.svg"); } - -// .no-svg .webicon.spotify { -// background: url("@{webicons-url}webicon-spotify-m.png"); } - -// .no-svg .webicon.spotify.large { -// background: url("@{webicons-url}webicon-spotify.png"); } - -// .no-svg .webicon.spotify.small { -// background: url("@{webicons-url}webicon-spotify-s.png"); } - -// .svg .webicon.spotify { -// background: url("@{webicons-url}webicon-spotify.svg"); } - -// .no-svg .webicon.stackoverflow { -// background: url("@{webicons-url}webicon-stackoverflow-m.png"); } - -// .no-svg .webicon.stackoverflow.large { -// background: url("@{webicons-url}webicon-stackoverflow.png"); } - -// .no-svg .webicon.stackoverflow.small { -// background: url("@{webicons-url}webicon-stackoverflow-s.png"); } - -// .svg .webicon.stackoverflow { -// background: url("@{webicons-url}webicon-stackoverflow.svg"); } - -// .no-svg .webicon.stumbleupon { -// background: url("@{webicons-url}webicon-stumbleupon-m.png"); } - -// .no-svg .webicon.stumbleupon.large { -// background: url("@{webicons-url}webicon-stumbleupon.png"); } - -// .no-svg .webicon.stumbleupon.small { -// background: url("@{webicons-url}webicon-stumbleupon-s.png"); } - -// .svg .webicon.stumbleupon { -// background: url("@{webicons-url}webicon-stumbleupon.svg"); } - -// .no-svg .webicon.svn { -// background: url("@{webicons-url}webicon-svn-m.png"); } - -// .no-svg .webicon.svn.large { -// background: url("@{webicons-url}webicon-svn.png"); } - -// .no-svg .webicon.svn.small { -// background: url("@{webicons-url}webicon-svn-s.png"); } - -// .svg .webicon.svn { -// background: url("@{webicons-url}webicon-svn.svg"); } - -// .no-svg .webicon.tent { -// background: url("@{webicons-url}webicon-tent-m.png"); } - -// .no-svg .webicon.tent.large { -// background: url("@{webicons-url}webicon-tent.png"); } - -// .no-svg .webicon.tent.small { -// background: url("@{webicons-url}webicon-tent-s.png"); } - -// .svg .webicon.tent { -// background: url("@{webicons-url}webicon-tent.svg"); } - -// .no-svg .webicon.tripadvisor { -// background: url("@{webicons-url}webicon-tripadvisor-m.png"); } - -// .no-svg .webicon.tripadvisor.large { -// background: url("@{webicons-url}webicon-tripadvisor.png"); } - -// .no-svg .webicon.tripadvisor.small { -// background: url("@{webicons-url}webicon-tripadvisor-s.png"); } - -// .svg .webicon.tripadvisor { -// background: url("@{webicons-url}webicon-tripadvisor.svg"); } - -// .no-svg .webicon.tumblr { -// background: url("@{webicons-url}webicon-tumblr-m.png"); } - -// .no-svg .webicon.tumblr.large { -// background: url("@{webicons-url}webicon-tumblr.png"); } - -// .no-svg .webicon.tumblr.small { -// background: url("@{webicons-url}webicon-tumblr-s.png"); } - -// .svg .webicon.tumblr { -// background: url("@{webicons-url}webicon-tumblr.svg"); } - -// .no-svg .webicon.twitter { -// background: url("@{webicons-url}webicon-twitter-m.png"); } - -// .no-svg .webicon.twitter.large { -// background: url("@{webicons-url}webicon-twitter.png"); } - -// .no-svg .webicon.twitter.small { -// background: url("@{webicons-url}webicon-twitter-s.png"); } - -// .svg .webicon.twitter { -// background: url("@{webicons-url}webicon-twitter.svg"); } - -// .no-svg .webicon.viadeo { -// background: url("@{webicons-url}webicon-viadeo-m.png"); } - -// .no-svg .webicon.viadeo.large { -// background: url("@{webicons-url}webicon-viadeo.png"); } - -// .no-svg .webicon.viadeo.small { -// background: url("@{webicons-url}webicon-viadeo-s.png"); } - -// .svg .webicon.viadeo { -// background: url("@{webicons-url}webicon-viadeo.svg"); } - -// .no-svg .webicon.vimeo { -// background: url("@{webicons-url}webicon-vimeo-m.png"); } - -// .no-svg .webicon.vimeo.large { -// background: url("@{webicons-url}webicon-vimeo.png"); } - -// .no-svg .webicon.vimeo.small { -// background: url("@{webicons-url}webicon-vimeo-s.png"); } - -// .svg .webicon.vimeo { -// background: url("@{webicons-url}webicon-vimeo.svg"); } - -// .no-svg .webicon.weibo { -// background: url("@{webicons-url}webicon-weibo-m.png"); } - -// .no-svg .webicon.weibo.large { -// background: url("@{webicons-url}webicon-weibo.png"); } - -// .no-svg .webicon.weibo.small { -// background: url("@{webicons-url}webicon-weibo-s.png"); } - -// .svg .webicon.weibo { -// background: url("@{webicons-url}webicon-weibo.svg"); } - -// .no-svg .webicon.windows { -// background: url("@{webicons-url}webicon-windows-m.png"); } - -// .no-svg .webicon.windows.large { -// background: url("@{webicons-url}webicon-windows.png"); } - -// .no-svg .webicon.windows.small { -// background: url("@{webicons-url}webicon-windows-s.png"); } - -// .svg .webicon.windows { -// background: url("@{webicons-url}webicon-windows.svg"); } - -// .no-svg .webicon.wordpress { -// background: url("@{webicons-url}webicon-wordpress-m.png"); } - -// .no-svg .webicon.wordpress.large { -// background: url("@{webicons-url}webicon-wordpress.png"); } - -// .no-svg .webicon.wordpress.small { -// background: url("@{webicons-url}webicon-wordpress-s.png"); } - -// .svg .webicon.wordpress { -// background: url("@{webicons-url}webicon-wordpress.svg"); } - -// .no-svg .webicon.xing { -// background: url("@{webicons-url}webicon-xing-m.png"); } - -// .no-svg .webicon.xing.large { -// background: url("@{webicons-url}webicon-xing.png"); } - -// .no-svg .webicon.xing.small { -// background: url("@{webicons-url}webicon-xing-s.png"); } - -// .svg .webicon.xing { -// background: url("@{webicons-url}webicon-xing.svg"); } - -// .no-svg .webicon.yahoo { -// background: url("@{webicons-url}webicon-yahoo-m.png"); } - -// .no-svg .webicon.yahoo.large { -// background: url("@{webicons-url}webicon-yahoo.png"); } - -// .no-svg .webicon.yahoo.small { -// background: url("@{webicons-url}webicon-yahoo-s.png"); } - -// .svg .webicon.yahoo { -// background: url("@{webicons-url}webicon-yahoo.svg"); } - -// .no-svg .webicon.yelp { -// background: url("@{webicons-url}webicon-yelp-m.png"); } - -// .no-svg .webicon.yelp.large { -// background: url("@{webicons-url}webicon-yelp.png"); } - -// .no-svg .webicon.yelp.small { -// background: url("@{webicons-url}webicon-yelp-s.png"); } - -// .svg .webicon.yelp { -// background: url("@{webicons-url}webicon-yelp.svg"); } - -// .no-svg .webicon.youtube { -// background: url("@{webicons-url}webicon-youtube-m.png"); } - -// .no-svg .webicon.youtube.large { -// background: url("@{webicons-url}webicon-youtube.png"); } - -// .no-svg .webicon.youtube.small { -// background: url("@{webicons-url}webicon-youtube-s.png"); } - -// .svg .webicon.youtube { -// background: url("@{webicons-url}webicon-youtube.svg"); } - -// .no-svg .webicon.youversion { -// background: url("@{webicons-url}webicon-youversion-m.png"); } - -// .no-svg .webicon.youversion.large { -// background: url("@{webicons-url}webicon-youversion.png"); } - -// .no-svg .webicon.youversion.small { -// background: url("@{webicons-url}webicon-youversion-s.png"); } - -// .svg .webicon.youversion { -// background: url("@{webicons-url}webicon-youversion.svg"); } - -// .no-svg .webicon.zerply { -// background: url("@{webicons-url}webicon-zerply-m.png"); } - -// .no-svg .webicon.zerply.large { -// background: url("@{webicons-url}webicon-zerply.png"); } - -// .no-svg .webicon.zerply.small { -// background: url("@{webicons-url}webicon-zerply-s.png"); } - -// .svg .webicon.zerply { -// background: url("@{webicons-url}webicon-zerply.svg"); } +.loop-strings(@webicons-icons); \ No newline at end of file From b33787e291cc89426abd422df6b5174645df9c50 Mon Sep 17 00:00:00 2001 From: arnaudgaudin Date: Fri, 25 Oct 2013 11:00:29 +0200 Subject: [PATCH 15/16] Rename looping fonction --- webicons.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/webicons.less b/webicons.less index b6b1a24..b6c8539 100644 --- a/webicons.less +++ b/webicons.less @@ -11,7 +11,7 @@ // Specify the path to the webicons directory here. Include trailing slash. @webicons-url: "webicons/"; -.loop-strings(@list, @index: 1) when (isstring(extract(@list, @index))) { +.webicons-loop(@list, @index: 1) when (isstring(extract(@list, @index))) { @webicons-icon: extract(@list, @index); .no-svg .webicon.@{webicons-icon} { background: url("@{webicons-url}webicon-@{webicons-icon}-m.png"); } @@ -19,6 +19,6 @@ .no-svg .webicon.@{webicons-icon}.small { background: url("@{webicons-url}webicon-@{webicons-icon}-s.png"); } .svg .webicon.@{webicons-icon} { background: url("@{webicons-url}webicon-@{webicons-icon}.svg"); } - .loop-strings(@list, (@index + 1)); + .webicons-loop(@list, (@index + 1)); } -.loop-strings(@webicons-icons); \ No newline at end of file +.webicons-loop(@webicons-icons); \ No newline at end of file From 8516d290c81d7fb2a14ce1bac3b74818186cc0e6 Mon Sep 17 00:00:00 2001 From: dpashkevich Date: Thu, 16 Jan 2014 17:26:05 +0400 Subject: [PATCH 16/16] Add print stylesheets to restore accessibility --- webicons.css | 20 ++++++++++++++++++++ webicons.scss | 6 ++++++ 2 files changed, 26 insertions(+) diff --git a/webicons.css b/webicons.css index 57bab85..4088721 100644 --- a/webicons.css +++ b/webicons.css @@ -34,6 +34,26 @@ -webkit-border-radius: 6px; border-radius: 6px; } +/* restore webicons accessibility for print */ +@media print { + * { + background: transparent !important; + color: #000 !important; + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: none !important; + } + .webicon { + text-indent: 0; + width: auto !important; + height: auto !important; + -moz-border-radius: 0 !important; + -webkit-border-radius: 0 !important; + border-radius: 0 !important; + } +} + .no-svg .webicon.f500px { background: url("webicons/webicon-f500px-m.png"); } diff --git a/webicons.scss b/webicons.scss index b747785..c58ae31 100644 --- a/webicons.scss +++ b/webicons.scss @@ -5,6 +5,12 @@ .webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +/* restore webicons accessibility for print */ +@media print { + * {background: transparent !important; color: #000 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important;} + .webicon {text-indent: 0; width: auto !important; height: auto !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;} +} + // Include or remove the icons you want to use on your site from this list. $webicons-icons: f500px aboutme adn android apple behance bitbucket blogger branch coderwall creativecloud dribbble dropbox evernote fairheadcreative facebook flickr foursquare git github goodreads google googleplay googleplus hangouts html5 icloud indiegogo instagram instapaper kickstarter klout lastfm linkedin mail medium mixi msn openid picasa pinterest pocketapp potluck quora orkut mercurial rdio reddit renren rss skitch skype soundcloud spotify stackoverflow stumbleupon svn tent tripadvisor tumblr twitter vimeo weibo windows wordpress xing yahoo yelp youtube youversion zerply;