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:
parent
d604052aa5
commit
210ee63693
4 changed files with 14 additions and 29 deletions
4
css.html
4
css.html
|
@ -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 %}
|
||||
|
||||
|
||||
|
|
20
dist/css/bootstrap.css
vendored
20
dist/css/bootstrap.css
vendored
|
@ -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 {
|
||||
|
|
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -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; }
|
||||
|
|
Loading…
Reference in a new issue