aboutsummaryrefslogtreecommitdiff
path: root/lib/patterns.less
diff options
context:
space:
mode:
authorJacob Thornton <[email protected]>2011-09-12 21:06:53 -0700
committerJacob Thornton <[email protected]>2011-09-12 21:06:53 -0700
commite34bc6e29400e12517fe215bf379f1bab13ab451 (patch)
tree3d20f3e5a643c10456488366afba7cbc8e0abec8 /lib/patterns.less
parent5ee11ec8bdba2e7d0d1cf95168f75905b61059fb (diff)
parent206334ba70c22dc91ec9381f9693ed6356358994 (diff)
downloadbootstrap-e34bc6e29400e12517fe215bf379f1bab13ab451.tar.xz
bootstrap-e34bc6e29400e12517fe215bf379f1bab13ab451.zip
Merge branch '1.3-wip' of github.com:twitter/bootstrap into 1.3-wip
Diffstat (limited to 'lib/patterns.less')
-rw-r--r--lib/patterns.less39
1 files changed, 36 insertions, 3 deletions
diff --git a/lib/patterns.less b/lib/patterns.less
index 82b7790b7..3e5e0114a 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -23,7 +23,9 @@
}
// Hover and active states
- a:hover,
+ // h3 for backwards compatibility
+ h3 a:hover,
+ .brand a:hover,
ul .active > a {
background-color: #333;
background-color: rgba(255,255,255,.05);
@@ -54,6 +56,7 @@
line-height: 40px;
a:hover {
background-color: transparent;
+ color: @white;
}
}
@@ -485,6 +488,35 @@ footer {
// BUTTON STYLES
// -------------
+// Shared colors for buttons and alerts
+.btn,
+.alert-message {
+ // Set text color
+ &.danger,
+ &.danger:hover,
+ &.error,
+ &.error:hover,
+ &.success,
+ &.success:hover,
+ &.info,
+ &.info:hover {
+ color: @white
+ }
+ // Danger and error appear as red
+ &.danger,
+ &.error {
+ .gradientBar(#ee5f5b, #c43c35);
+ }
+ // Success appears as green
+ &.success {
+ .gradientBar(#62c462, #57a957);
+ }
+ // Info appears as a neutral blue
+ &.info {
+ .gradientBar(#5bc0de, #339bb9);
+ }
+}
+
// Base .btn styles
.btn {
// Button Base
@@ -729,14 +761,15 @@ input[type=submit].btn {
// ------
.modal-backdrop {
- background-color:#000;
- &.fade { opacity: 0; }
+ background-color: #000;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
+ // Fade for backdrop
+ &.fade { opacity: 0; }
}
.modal-backdrop, .modal-backdrop.fade.in {