update selectors for icons to include matcher for icon class in middle of class attr...

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 3b87a25c0e2f73d05249176d719c53c1887971f5..ce828690ea6f3b9506248cb65aa06c1bd47503b8 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 9f0420b5b1863cf960d4b58757358f9fb35ebd1d..d4d311b2006e0d4d9024103cdc88541eeebebff6 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1128,7 +1128,7 @@ table .span12 {
   width: 924px;
   margin-left: 0;
 }
-[class^="icon-"] {
+[class^="icon-"], [class*=" icon-"] {
   display: inline-block;
   width: 14px;
   height: 14px;
@@ -1139,7 +1139,7 @@ table .span12 {
   background-repeat: no-repeat;
   *margin-right: .3em;
 }
-[class^="icon-"]:last-child {
+[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
   *margin-left: 0;
 }
 .icon-white {

diff --git a/docs/base-css.html b/docs/base-css.html
index ac260bffb0f39a48a3300eec979bffaa49403263..c0ad882a52d78e06335cc520182e56e4e653af50 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1515,10 +1515,6 @@ For example, <code>section</code> should be wrapped as inline.
 <i class="icon-search icon-white"></i>
 </pre>
       <p>There are 120 classes to choose from for your icons. Just add an <code>&lt;i&gt;</code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.</p>
-      <div class="alert alert-info">
-        <strong>Heads up!</strong>
-        The <code>.icon-</code> class must be listed first in the class tag for proper CSS targeting.
-      </div>
     </div>
     <div class="span4">
       <h3>Use cases</h3>

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 0be4c1e342babdf533733aa9329deb38a61c2dde..750957beb738ae5accae07f1a4bb6ffb0fded6f2 100644 (file)
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1439,10 +1439,6 @@
 <i class="icon-search icon-white"></i>
 </pre>
       <p>{{_i}}There are 120 classes to choose from for your icons. Just add an <code>&lt;i&gt;</code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.{{/i}}</p>
-      <div class="alert alert-info">
-        <strong>{{_i}}Heads up!{{/i}}</strong>
-        {{_i}}The <code>.icon-</code> class must be listed first in the class tag for proper CSS targeting.{{/i}}
-      </div>
     </div>
     <div class="span4">
       <h3>{{_i}}Use cases{{/i}}</h3>

diff --git a/less/sprites.less b/less/sprites.less
index ce76688443935ad44d0b1c27f482edaa23188068..a7741661eaf7437492ea8a1802dcfb155de8055f 100644 (file)
--- a/less/sprites.less
+++ b/less/sprites.less
@@ -14,7 +14,8 @@
 // For the white version of the  icons, just add the .icon-white class:
 // <i class="icon-inbox icon-white"></i>
 
-[class^="icon-"] {
+[class^="icon-"],
+[class*=" icon-"] {
   display: inline-block;
   width: 14px;
   height: 14px;