More refactoring so it displays in Chrome and displays better in IE6 …

…& 7. IE8 is still buggy though. =(
markcowie · Mar 28, 2012 · ae0c72d · ae0c72d
1 parent 0bf2410
commit ae0c72d
Showing 1 changed file with 27 additions and 9 deletions.
diff --git a/css/style.css b/css/style.css
@@ -9,22 +9,40 @@
 
 span {
     font: 0/0 a;
+    text-shadow: none;
     color: transparent;
 }
 
-span:before {
-    font: 200px 'WebSymbolsRegular';
+html.lt-ie8 span {
+    position: relative;
+    left: -999px;
+}
+
+span:before,
+span:after {
+    font: 100px 'WebSymbolsRegular';
     color: #000;
-    content: "."; /* Default character */
 }
 
-[data-icon]:before {
-    font: 0/0 a;
-    color: transparent;
+html.lt-ie8 span:before,
+html.lt-ie8 span:after {
+    position: relative;
+    left: 999px;
 }
 
-[data-icon]:after {
-    font: 200px 'WebSymbolsRegular';
-    color: #000;
+span:before {
+    content: ":"; /* Default */
+}
+
+span:after {
     content: attr(data-icon);
+    display: none;
+}
+
+span[data-icon]:before {
+    display: none;
+}
+
+span[data-icon]:after {
+    display: inline;
 }