Browse Source

Stop linked stacks from going inline (fixes #1305)

Scott Cranfill 12 years ago
parent
commit
3df2e4bfa1
4 changed files with 9 additions and 1 deletions
  1. 2 0
      css/font-awesome.css
  2. 1 1
      css/font-awesome.min.css
  3. 3 0
      less/extras.less
  4. 3 0
      scss/_extras.scss

+ 2 - 0
css/font-awesome.css

@@ -278,6 +278,8 @@ a [class*=" icon-"] {
   -webkit-animation: spin 2s infinite linear;
   animation: spin 2s infinite linear;
 }
+/* Prevent stack and spinners from being taken inline when inside a link */
+a .icon-stack,
 a .icon-spin {
   display: inline-block;
   text-decoration: none;

+ 1 - 1
css/font-awesome.min.css

@@ -32,7 +32,7 @@ a [class^="icon-"],a [class*=" icon-"]{display:inline;}
 .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
 .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
 .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
-a .icon-spin{display:inline-block;text-decoration:none;}
+a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
 @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
 .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
 .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

+ 3 - 0
less/extras.less

@@ -12,6 +12,9 @@
   -webkit-animation: spin 2s infinite linear;
   animation: spin 2s infinite linear;
 }
+
+/* Prevent stack and spinners from being taken inline when inside a link */
+a .icon-stack,
 a .icon-spin {
   display: inline-block;
   text-decoration: none;

+ 3 - 0
scss/_extras.scss

@@ -12,6 +12,9 @@
   -webkit-animation: spin 2s infinite linear;
   animation: spin 2s infinite linear;
 }
+
+/* Prevent stack and spinners from being taken inline when inside a link */
+a .icon-stack,
 a .icon-spin {
   display: inline-block;
   text-decoration: none;