1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

Fixes #8586: add addional color text classes to apply all of branch colors easily

This commit is contained in:
Mark Otto 2013-07-26 00:18:18 -07:00
parent d604052aa5
commit 210ee63693
4 changed files with 14 additions and 29 deletions

View file

@ -539,15 +539,19 @@ lead: "Global CSS settings, fundamental HTML elements styled and enhanced with e
<p>Convey meaning through color with a handful of emphasis utility classes.</p>
<div class="bs-example">
<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
{% highlight html %}
<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
{% endhighlight %}

View file

@ -379,36 +379,24 @@ cite {
color: #999999;
}
a.text-muted:hover,
a.text-muted:focus {
color: #808080;
.text-primary {
color: #428bca;
}
.text-warning {
color: #c09853;
}
a.text-warning:hover,
a.text-warning:focus {
color: #a47e3c;
}
.text-danger {
color: #b94a48;
}
a.text-danger:hover,
a.text-danger:focus {
color: #953b39;
}
.text-success {
color: #468847;
}
a.text-success:hover,
a.text-success:focus {
color: #356635;
.text-info {
color: #3a87ad;
}
.text-left {

File diff suppressed because one or more lines are too long

View file

@ -23,25 +23,18 @@ p {
// Ex: 14px base font * 85% = about 12px
small { font-size: 85%; }
// Undo browser default styling
cite { font-style: normal; }
// Utility classes
// Contextual emphasis
.text-muted { color: @gray-light; }
a.text-muted:hover,
a.text-muted:focus { color: darken(@gray-light, 10%); }
.text-primary { color: @brand-primary; }
.text-warning { color: @state-warning-text; }
a.text-warning:hover,
a.text-warning:focus { color: darken(@state-warning-text, 10%); }
.text-danger { color: @state-danger-text; }
a.text-danger:hover,
a.text-danger:focus { color: darken(@state-danger-text, 10%); }
.text-success { color: @state-success-text; }
a.text-success:hover,
a.text-success:focus { color: darken(@state-success-text, 10%); }
.text-info { color: @state-info-text; }
// Alignment
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }