Skip to content

Commit 1b245ff

Browse files
committed
make links in error messages not be blue, but instead match the text color and be bold:
1 parent c843e20 commit 1b245ff

File tree

4 files changed

+45
-6
lines changed

4 files changed

+45
-6
lines changed

bootstrap.css

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
* http://www.apache.org/licenses/LICENSE-2.0
77
*
88
* Designed and built with all the love in the world @twitter by @mdo and @fat.
9-
* Date: Mon Oct 3 22:26:41 PDT 2011
9+
* Date: Mon Oct 3 22:36:24 PDT 2011
1010
*/
1111
/* Reset.less
1212
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -1960,6 +1960,16 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
19601960
/* IE7 spacing */
19611961

19621962
}
1963+
.alert-message a {
1964+
font-weight: bold;
1965+
color: #404040;
1966+
}
1967+
.alert-message.danger p a,
1968+
.alert-message.error p a,
1969+
.alert-message.success p a,
1970+
.alert-message.info p a {
1971+
color: #ffffff;
1972+
}
19631973
.alert-message h5 {
19641974
line-height: 18px;
19651975
}
@@ -2014,6 +2024,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
20142024
background-color: #ddf4fb;
20152025
border-color: #c6edf9;
20162026
}
2027+
.alert-message.block-message.danger p a,
2028+
.alert-message.block-message.error p a,
2029+
.alert-message.block-message.success p a,
2030+
.alert-message.block-message.info p a {
2031+
color: #404040;
2032+
}
20172033
.pagination {
20182034
height: 36px;
20192035
margin: 18px 0;

bootstrap.min.css

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1538,19 +1538,19 @@ <h2>Basic alerts</h2>
15381538
<div class="span12">
15391539
<div class="alert-message warning">
15401540
<a class="close" href="#">&times;</a>
1541-
<p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p>
1541+
<p><strong>Holy guacamole!</strong> Best check yo self, you’re not <a href="#">looking too good</a>.</p>
15421542
</div>
15431543
<div class="alert-message error">
15441544
<a class="close" href="#">&times;</a>
1545-
<p><strong>Oh snap!</strong> Change this and that and try again.</p>
1545+
<p><strong>Oh snap!</strong> Change this and that and <a href="#">try again</a>.</p>
15461546
</div>
15471547
<div class="alert-message success">
15481548
<a class="close" href="#">&times;</a>
1549-
<p><strong>Well done!</strong> You successfully read this alert message.</p>
1549+
<p><strong>Well done!</strong> You successfully <a href="#">read this</a> alert message.</p>
15501550
</div>
15511551
<div class="alert-message info">
15521552
<a class="close" href="#">&times;</a>
1553-
<p><strong>Heads up!</strong> This is an alert that needs your attention, but it’s not a huge priority just yet.</p>
1553+
<p><strong>Heads up!</strong> This is an alert that needs your attention, but it’s not <a href="#">a huge priority</a> just yet.</p>
15541554
</div>
15551555

15561556
<h4>Example code</h4>
@@ -1580,7 +1580,7 @@ <h2>Block messages</h2>
15801580
</div>
15811581
<div class="alert-message block-message error">
15821582
<a class="close" href="#">&times;</a>
1583-
<p><strong>Oh snap! You got an error!</strong> Change this and that and try again.</p>
1583+
<p><strong>Oh snap! You got an error!</strong> Change this and that and <a href="#">try again</a>.</p>
15841584
<ul>
15851585
<li>Duis mollis est non commodo luctus</li>
15861586
<li>Nisi erat porttitor ligula</li>

lib/patterns.less

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -646,6 +646,18 @@ input[type=submit].btn {
646646
*margin-top: 3px; /* IE7 spacing */
647647
}
648648

649+
// Make links same color as text and stand out more
650+
a {
651+
font-weight: bold;
652+
color: @grayDark;
653+
}
654+
&.danger p a,
655+
&.error p a,
656+
&.success p a,
657+
&.info p a {
658+
color: @white;
659+
}
660+
649661
// Remove extra margin from content
650662
h5 {
651663
line-height: @baseline;
@@ -700,6 +712,14 @@ input[type=submit].btn {
700712
background-color: lighten(#6bd0ee, 25%);
701713
border-color: lighten(#6bd0ee, 20%);
702714
}
715+
// Change link color back
716+
&.danger p a,
717+
&.error p a,
718+
&.success p a,
719+
&.info p a {
720+
color: @grayDark;
721+
}
722+
703723
}
704724
}
705725

0 commit comments

Comments
 (0)