1 files changed, 59 insertions, 0 deletions
diff --git a/plugins/wordpress-mobile-pack/admin/sass/mixins/_icon.scss b/plugins/wordpress-mobile-pack/admin/sass/mixins/_icon.scss
new file mode 100755
index 00000000..48c405d5
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/admin/sass/mixins/_icon.scss
@@ -0,0 +1,59 @@
+@mixin wbz-inline-icon($name, $font-size: 15px, $font-family: 'Appticles') {
+	$character: wbz-icon-character-for-name($name);
+
+	&:before {
+	  position: relative;
+	  text-align: center;
+	  font-family: $font-family!important;
+	  font-size: $font-size!important;
+	  font-weight: normal!important;
+
+	  @if $character {
+		  content: "#{$character}";
+	  } @else {
+		  content: "#{$name}";
+	  }
+	}
+}
+
+
+@function wbz-icon-character-for-name($name) {
+
+    // Row 1
+    @if ($name == "facebook") { @return "f"; }
+    @else if ($name == "twitter") { @return "t"; }
+    @else if ($name == "google-plus") { @return "g"; }
+    @else if ($name == "rss") { @return "r"; }
+    @else if ($name == "wordpress") { @return "w"; }
+    @else if ($name == "tumblr") { @return "\35"; }
+    @else if ($name == "youtube") {@return "\36"; }
+    @else if($name == "dfp") { @return "\37"; }
+
+    @else if ($name == "close-x") { @return "\31"; }
+    @else if ($name == "active") { @return "\32"; }
+    @else if ($name == "preview") { @return "\113"; }
+    @else if ($name == "edit") { @return "\34"; }
+
+    @else if($name == "apple") { @return "\e800"; }
+    @else if($name == "lock") { @return "\e801"; }
+    @else if($name == "blocked") { @return "\e802"; }
+    @else if($name == "airplane") { @return "\e803"; }
+    @else if($name == "cloud") { @return "\e804"; }
+    @else if($name == "stack") { @return "\e805"; }
+    @else if($name == "tablet") { @return "\e806"; }
+    @else if($name == "paint") { @return "\e807"; }
+    @else if($name == "shield") { @return "\e808"; }
+    @else if($name == "share") { @return "\e809"; }
+
+    @else if($name == "coins") { @return "\e80a"; }
+    @else if($name == "headset") { @return "\e80b"; }
+    @else if($name == "pic") { @return "\e900"; }
+
+	@else if ($name == "shopping") { @return "\115"; }
+    @else if($name == "notification") { @return "\e901"; }
+
+    @else {
+        // @debug "#icon: icon with name '#{$name}' not found.";
+        @return false;
+    }
+}