prune unneeded code

codingdesigner · Dec 2, 2012 · c30141c · c30141c
1 parent 19b2be6
commit c30141c
Show file tree

Hide file tree

Showing 11 changed files with 540 additions and 112 deletions.
diff --git a/stylesheets/_survivalkit.scss b/stylesheets/_survivalkit.scss
@@ -1,7 +1,6 @@
 @import 'survivalkit/functions/all';
 @import 'survivalkit/variables/all';
 @import 'survivalkit/mixins/all';
-@import 'survivalkit/reset/pixel-normalize';
 @import 'survivalkit/extend/all';
 @import 'survivalkit/reset/reset';
 // @import 'survivalkit/fonts/all';
diff --git a/stylesheets/survivalkit/fonts/_ss-social.scss b/stylesheets/survivalkit/fonts/_ss-social.scss
@@ -1,14 +1,12 @@
 @charset "UTF-8";
 
-/*
-* Symbolset
-* www.symbolset.com
-* Copyright © 2012 Oak Studios LLC
-*
-* Upload this file to your web server
-* and place this within your <head> tags.
-* <link href="webfonts/ss-social.css" rel="stylesheet" />
-*/
+// Symbolset
+// www.symbolset.com
+// Copyright © 2012 Oak Studios LLC
+//
+// Upload this file to your web server
+// and place this within your <head> tags.
+// <link href="webfonts/ss-social.css" rel="stylesheet" />
 
 @import "compass/css3/font-face";
 
@@ -31,37 +29,108 @@
   bold,
   normal);
 
+@mixin ss-social-classes {
+  /* This triggers a redraw in IE to Fix IE8's :before content rendering. */
+  html:hover [class^="ss-"]{-ms-zoom: 1;}
 
-/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
-html:hover [class^="ss-"]{-ms-zoom: 1;}
+  .ss-icon, .ss-icon.ss-social,
+  [class^="ss-"]:before, [class*=" ss-"]:before,
+  [class^="ss-"].ss-social:before, [class*=" ss-"].ss-social:before,
+  [class^="ss-"].right:after, [class*=" ss-"].right:after,
+  [class^="ss-"].ss-social.right:after, [class*=" ss-"].ss-social.right:after {
+    font-family: "SSSocial";
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: none;
+    text-rendering: optimizeLegibility;
+    white-space: nowrap;
+    /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
+    -moz-font-feature-settings: "liga=1";
+    -moz-font-feature-settings: "liga";
+    -ms-font-feature-settings: "liga" 1;
+    -o-font-feature-settings: "liga";
+    font-feature-settings: "liga";
+    -webkit-font-smoothing: antialiased;
+  }
 
-.ss-icon, .ss-icon.ss-social,
-[class^="ss-"]:before, [class*=" ss-"]:before,
-[class^="ss-"].ss-social:before, [class*=" ss-"].ss-social:before,
-[class^="ss-"].right:after, [class*=" ss-"].right:after,
-[class^="ss-"].ss-social.right:after, [class*=" ss-"].ss-social.right:after {
-  font-family: "SSSocial";
-  font-style: normal;
-  font-weight: normal;
-  text-decoration: none;
-  text-rendering: optimizeLegibility;
-  white-space: nowrap;
-  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-  -moz-font-feature-settings: "liga=1";
-  -moz-font-feature-settings: "liga";
-  -ms-font-feature-settings: "liga" 1;
-  -o-font-feature-settings: "liga";
-  font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-}
+  .ss-icon.ss-social-circle,
+  [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
+  [class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after{
+    font-weight: bold;
+  }
+
+  [class^="ss-"].right:before,
+  [class*=" ss-"].right:before{display:none;content:'';}
 
-.ss-icon.ss-social-circle,
-[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
-[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after{
-  font-weight: bold;
+  .ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-svpply:before,.ss-svpply.right:after{content:''}.ss-readmill:before,.ss-readmill.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}
 }
 
-[class^="ss-"].right:before,
-[class*=" ss-"].right:before{display:none;content:'';}
+@function ss-social-icon($icon) {
+  @if $icon == facebook {
+    @return ''
+  } @else if $icon == twitter {
+    @return '';
+  } @else if $icon == linkedin {
+    @return '';
+  } @else if $icon == googleplus {
+    @return '';
+  } @else if $icon == tumblr {
+    @return '';
+  } @else if $icon == wordpress {
+    @return '';
+  } @else if $icon == blogger {
+    @return '';
+  } @else if $icon == posterous {
+    @return '';
+  } @else if $icon == youtube {
+    @return '';
+  } @else if $icon == vimeo {
+    @return '';
+  } @else if $icon == flickr {
+    @return '';
+  } @else if $icon == instagram {
+    @return '';
+  } @else if $icon == pinterest {
+    @return '';
+  } @else if $icon == dribbble {
+    @return '';
+  } @else if $icon == behance {
+    @return '';
+  } @else if $icon == github {
+    @return '';
+  } @else if $icon == paypal {
+    @return '';
+  } @else if $icon == foursquare {
+    @return '';
+  } @else if $icon == skype {
+    @return '';
+  } @else if $icon == mail {
+    @return '✉';
+  } @else {
+    @return '#{$icon}';
+  }
+}
 
-.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-posterous:before,.ss-posterous.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-svpply:before,.ss-svpply.right:after{content:''}.ss-readmill:before,.ss-readmill.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-octocat:before,.ss-octocat.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}
+@mixin ss-social($icon: false, $declare-font: true, $circle: false) {
+  @if $declare-font != false {
+    font-family: "SSSocial";
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: none;
+    text-rendering: optimizeLegibility;
+    white-space: nowrap;
+    /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
+    -moz-font-feature-settings: "liga=1";
+    -moz-font-feature-settings: "liga";
+    -ms-font-feature-settings: "liga" 1;
+    -o-font-feature-settings: "liga";
+    font-feature-settings: "liga";
+    -webkit-font-smoothing: antialiased;
+  }
+  @if $circle != false{
+    font-weight: bold;
+  }
+  @if $icon != false{
+    content: ss-social-icon($icon);
+  }
+}