瀏覽代碼

updating css 4/3em to 1.3333em

Dave Gandy 13 年之前
父節點
當前提交
449167359b
共有 1 個文件被更改,包括 47 次插入38 次删除
  1. 47 38
      css/font-awesome.css

+ 47 - 38
css/font-awesome.css

@@ -18,65 +18,74 @@
     -------------------------------------------------------
     -------------------------------------------------------
     Email: dave@davegandy.com
     Email: dave@davegandy.com
     Twitter: http://twitter.com/fortaweso_me
     Twitter: http://twitter.com/fortaweso_me
-    Work: Lead Product Designer @ http://kyruus.com
+    Work: http://lemonwi.se co-founder
 
 
     */
     */
 @font-face {
 @font-face {
-  font-family: "FontAwesome";
-  src: url('/stylesheets/fonts/../font/fontawesome-webfont.eot');
+  font-family: 'FontAwesome';
+  src: url('../font/fontawesome-webfont.eot');
   src: url('/stylesheets/fonts/../font/fontawesome-webfont.eot?#iefix') format('eot'), url('/stylesheets/fonts/../font/fontawesome-webfont.woff') format('woff'), url('/stylesheets/fonts/../font/fontawesome-webfont.ttf') format('truetype'), url('/stylesheets/fonts/../font/fontawesome-webfont.otf') format('opentype'), url('/stylesheets/fonts/../font/fontawesome-webfont.svg#FontAwesome') format('svg');
   src: url('/stylesheets/fonts/../font/fontawesome-webfont.eot?#iefix') format('eot'), url('/stylesheets/fonts/../font/fontawesome-webfont.woff') format('woff'), url('/stylesheets/fonts/../font/fontawesome-webfont.ttf') format('truetype'), url('/stylesheets/fonts/../font/fontawesome-webfont.otf') format('opentype'), url('/stylesheets/fonts/../font/fontawesome-webfont.svg#FontAwesome') format('svg');
   font-weight: normal;
   font-weight: normal;
-  font-style: normal; }
-
+  font-style: normal;
+}
+/* sprites.less reset */
+[class^="icon-"], [class*=" icon-"] {
+  display: inline;
+  width: auto;
+  height: auto;
+  line-height: inherit;
+  vertical-align: baseline;
+  background-image: none;
+  background-position: 0% 0%;
+  background-repeat: repeat;
+}
+li[class^="icon-"], li[class*=" icon-"] {
+  display: block;
+}
 /*  Font Awesome styles
 /*  Font Awesome styles
     ------------------------------------------------------- */
     ------------------------------------------------------- */
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
+[class^="icon-"]:before, [class*=" icon-"]:before {
   font-family: FontAwesome;
   font-family: FontAwesome;
   font-weight: normal;
   font-weight: normal;
   font-style: normal;
   font-style: normal;
   display: inline-block;
   display: inline-block;
-  text-decoration: inherit; }
-
-a [class^="icon-"],
-a [class*=" icon-"] {
+  text-decoration: inherit;
+}
+a [class^="icon-"], a [class*=" icon-"] {
   display: inline-block;
   display: inline-block;
-  text-decoration: inherit; }
-
+  text-decoration: inherit;
+}
 /* makes the font 33% larger relative to the icon container */
 /* makes the font 33% larger relative to the icon container */
 .icon-large:before {
 .icon-large:before {
-  vertical-align: middle;
-  font-size: 4/3em; }
-
-.btn [class^="icon-"],
-.btn [class*=" icon-"], .nav-tabs [class^="icon-"], .nav-tabs [class*=" icon-"] {
+  vertical-align: top;
+  font-size: 1.3333333333333333em;
+}
+.btn [class^="icon-"], .btn [class*=" icon-"] {
   /* keeps button heights with and without icons the same */
   /* keeps button heights with and without icons the same */
-  line-height: .9em; }
 
 
-li [class^="icon-"],
-li [class*=" icon-"] {
+  line-height: .9em;
+}
+li [class^="icon-"], li [class*=" icon-"] {
   display: inline-block;
   display: inline-block;
   width: 1.25em;
   width: 1.25em;
-  text-align: center; }
-li .icon-large:before,
-li .icon-large:before {
+  text-align: center;
+}
+li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
   /* 1.5 increased font size for icon-large * 1.25 width */
   /* 1.5 increased font size for icon-large * 1.25 width */
-  width: 1.875em; }
 
 
-ul.icons {
+  width: 1.875em;
+}
+li[class^="icon-"], li[class*=" icon-"] {
+  margin-left: 0;
   list-style-type: none;
   list-style-type: none;
-  margin-left: 2em;
-  text-indent: -0.8em; }
-  ul.icons li [class^="icon-"],
-  ul.icons li [class*=" icon-"] {
-    width: .8em; }
-  ul.icons li .icon-large:before,
-  ul.icons li .icon-large:before {
-    /* 1.5 increased font size for icon-large * 1.25 width */
-    vertical-align: initial; }
-
-/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
-    readers do not read off random characters that represent icons */
+}
+li[class^="icon-"]:before, li[class*=" icon-"]:before {
+  text-indent: -2em;
+  text-align: center;
+}
+li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
+  text-indent: -1.3333333333333333em;
+}
 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
     readers do not read off random characters that represent icons */
 .icon-glass:before                { content: "\f000"; }
 .icon-glass:before                { content: "\f000"; }