]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
drop .muted for .text-muted
authorMark Otto <otto@github.com>
Sat, 30 Mar 2013 07:11:38 +0000 (00:11 -0700)
committerMark Otto <otto@github.com>
Sat, 30 Mar 2013 07:11:38 +0000 (00:11 -0700)
docs/assets/css/docs.css
docs/docs.html
docs/examples/carousel.html
docs/examples/jumbotron-narrow.html
docs/examples/justified-nav.html
docs/examples/sticky-footer-navbar.html
docs/examples/sticky-footer.html
less/type.less

index 0700ddd5962c8cb4dca62308db419e0e78bc4b19..c61a4a4f8850cc9cf2e2cbfbd0c2975c9d2f8b7b 100644 (file)
@@ -217,7 +217,6 @@ section > ul li {
 /* Nav: second level (shown on .active) */
 .bs-docs-sidebar .nav .nav {
   display: none;
-  margin-left: 15px;
   margin-bottom: 5px;
 }
 .bs-docs-sidebar .nav > .active > ul {
@@ -226,6 +225,7 @@ section > ul li {
 .bs-docs-sidebar .nav .nav > li > a {
   padding-top: 2px;
   padding-bottom: 2px;
+  padding-left: 40px;
   font-size: 90%;
 }
 
index a53dfd2c0f918c97b34b804d8376f2ccd4496875..f243c39de9b9a096055be3892401c0e8def60410 100644 (file)
@@ -567,13 +567,13 @@ title: Bootstrap Documentation
           <h3>Emphasis classes</h3>
           <p>Convey meaning through color with a handful of emphasis utility classes.</p>
           <div class="bs-docs-example">
-            <p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+            <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
             <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
             <p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>
             <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
           </div>
 {% highlight html linenos %}
-<p class="muted">...</p>
+<p class="text-muted">...</p>
 <p class="text-warning">...</p>
 <p class="text-error">...</p>
 <p class="text-success">...</p>
@@ -2561,7 +2561,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
           <div class="bs-docs-example bs-docs-example-submenu">
 
             <div class="pull-left">
-              <p class="muted">Default</p>
+              <p class="text-muted">Default</p>
               <div class="dropdown clearfix">
                 <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                   <li><a tabindex="-1" href="#">Action</a></li>
@@ -2583,7 +2583,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
             </div>
 
             <div class="pull-left">
-              <p class="muted">Dropup</p>
+              <p class="text-muted">Dropup</p>
               <div class="dropup">
                 <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                   <li><a tabindex="-1" href="#">Action</a></li>
@@ -2605,7 +2605,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
             </div>
 
             <div class="pull-left">
-              <p class="muted">Left submenu</p>
+              <p class="text-muted">Left submenu</p>
               <div class="dropdown">
                 <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                   <li><a tabindex="-1" href="#">Action</a></li>
@@ -4389,18 +4389,6 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 }
 {% endhighlight %}
 
-          <h4>.muted</h4>
-          <p>Change an element's color to <code>#999</code></p>
-{% highlight html linenos %}
-<p class="muted">...</p>
-{% endhighlight %}
-{% highlight css linenos %}
-.muted {
-  color: #999;
-}
-{% endhighlight %}
-
-
           <h4>.clearfix</h4>
           <p>Clear the <code>float</code> on any element. Utilizes <a href="http://nicolasgallagher.com/micro-clearfix-hack/">the micro clearfix</a> as popularized by Nicolas Gallagher.</p>
 {% highlight html linenos %}
index 598a6334b76769afaa0f95917e79656f6258b76c..dd0c3ca1f02291cccb1157ab5b6365d494084b5b 100644 (file)
@@ -369,7 +369,7 @@ body {
 
   <div class="featurette">
     <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-chrome.png">
-    <h2 class="featurette-heading">First featurette headling. <span class="muted">It'll blow your mind.</span></h2>
+    <h2 class="featurette-heading">First featurette headling. <span class="text-muted">It'll blow your mind.</span></h2>
     <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
   </div>
 
@@ -377,7 +377,7 @@ body {
 
   <div class="featurette">
     <img class="featurette-image pull-left" src="../assets/img/examples/browser-icon-firefox.png">
-    <h2 class="featurette-heading">Oh yeah, it's that good. <span class="muted">See for yourself.</span></h2>
+    <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
     <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
   </div>
 
@@ -385,7 +385,7 @@ body {
 
   <div class="featurette">
     <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-safari.png">
-    <h2 class="featurette-heading">And lastly, this one. <span class="muted">Checkmate.</span></h2>
+    <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
     <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
   </div>
 
index abf07dc72250dafef921f76e5abc473488abc647..84a918064571fdaedaa245a911ad42ce50d2eb14 100644 (file)
@@ -94,7 +94,7 @@ title: Narrow page template
       <li><a href="#">About</a></li>
       <li><a href="#">Contact</a></li>
     </ul>
-    <h3 class="muted">Project name</h3>
+    <h3 class="text-muted">Project name</h3>
   </div>
 
   <div class="jumbotron">
index 7013b150eec35e8e899243650a8c428e49d475c6..f136ee92aecd289047a14f373e92b8293b536961 100644 (file)
@@ -96,7 +96,7 @@ title: Justified nav template
 <div class="container">
 
   <div class="masthead">
-    <h3 class="muted">Project name</h3>
+    <h3 class="text-muted">Project name</h3>
     <ul class="nav nav-justified">
       <li class="active"><a href="#">Home</a></li>
       <li><a href="#">Projects</a></li>
index b00bfd5aba1f02843a113457ccf5300d111fdfe5..9187b78820dbf0e27afe44c0405b2faa0957d62b 100644 (file)
@@ -112,6 +112,6 @@ title: Sticky footer with navbar template
 
 <div id="footer">
   <div class="container">
-    <p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
+    <p class="text-muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
   </div>
 </div>
index 722d3aa19a267973b20a7d29c15b180ac635f47c..6ddd5a1dc1dfd0d17eb975fe7de84a85e892e5fc 100644 (file)
@@ -76,6 +76,6 @@ title: Sticky footer template
 
 <div id="footer">
   <div class="container">
-    <p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
+    <p class="text-muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
   </div>
 </div>
index 60ad793e9089beeceb756de4f30e179f1f799fee..6725f3902a93d75229366e26e86638471476a06c 100644 (file)
@@ -28,9 +28,9 @@ em      { font-style: italic; }
 cite    { font-style: normal; }
 
 // Utility classes
-.muted               { color: @grayLight; }
-a.muted:hover,
-a.muted:focus        { color: darken(@grayLight, 10%); }
+.text-muted          { color: @grayLight; }
+a.text-muted:hover,
+a.text-muted:focus   { color: darken(@grayLight, 10%); }
 
 .text-warning        { color: @state-warning-text; }
 a.text-warning:hover,