From fe2658ed6154b7b2be71f6582671ee13ebb59dc5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Mar 2013 15:31:03 -0700 Subject: [PATCH] Fixes #7150: colorize links in alerts --- docs/assets/css/bootstrap.css | 24 ++++++++++++++++++++++++ less/alerts.less | 18 ++++++++++++++++++ 2 files changed, 42 insertions(+) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 118aa49235..469d946b9e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1721,6 +1721,7 @@ select:focus:invalid:focus { .btn.disabled, .btn[disabled], fieldset[disabled] .btn { + pointer-events: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); @@ -4261,6 +4262,12 @@ button.close { border-top-color: #f8e5be; } +.alert > a, +.alert > p > a { + font-weight: 500; + color: #a47e3c; +} + .close { position: relative; top: -2px; @@ -4279,6 +4286,11 @@ button.close { border-top-color: #c9e2b3; } +.alert-success > a, +.alert-success > p > a { + color: #356635; +} + .alert-danger, .alert-error { color: #b94a48; @@ -4291,6 +4303,13 @@ button.close { border-top-color: #e6c1c7; } +.alert-danger > a, +.alert-error > a, +.alert-danger > p > a, +.alert-error > p > a { + color: #953b39; +} + .alert-info { color: #3a87ad; background-color: #d9edf7; @@ -4301,6 +4320,11 @@ button.close { border-top-color: #a6e1ec; } +.alert-info > a, +.alert-info > p > a { + color: #2d6987; +} + .alert-block { padding-top: 14px; padding-bottom: 14px; diff --git a/less/alerts.less b/less/alerts.less index 04b3f46b4d..7f627fadf7 100644 --- a/less/alerts.less +++ b/less/alerts.less @@ -24,6 +24,12 @@ hr { border-top-color: darken(@state-warning-border, 5%); } + // Inherit color for immediate links and bolden them some + > a, + > p > a { + font-weight: 500; + color: darken(@state-warning-text, 10%); + } } // Adjust close link position @@ -45,6 +51,10 @@ hr { border-top-color: darken(@state-success-border, 5%); } + > a, + > p > a { + color: darken(@state-success-text, 10%); + } } .alert-danger, .alert-error { @@ -54,6 +64,10 @@ hr { border-top-color: darken(@state-error-border, 5%); } + > a, + > p > a { + color: darken(@state-error-text, 10%); + } } .alert-info { background-color: @state-info-background; @@ -62,6 +76,10 @@ hr { border-top-color: darken(@state-info-border, 5%); } + > a, + > p > a { + color: darken(@state-info-text, 10%); + } } // Block alerts